import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const PayloadCms: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function PayloadCms(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      strokeWidth={strokeWidth}
      strokeLinecap={strokeLinecap}
      strokeLinejoin={strokeLinejoin}
      strokeDasharray={strokeDasharray}
      opacity={opacity}
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M11.8758 20.2851L4.8914 16.2539C4.84876 16.229 4.81336 16.1935 4.7887 16.1507C4.76403 16.108 4.75096 16.0595 4.75077 16.0101V9.78514C4.75077 9.67733 4.86796 9.60936 4.96171 9.66327L13.0711 14.3461C13.1836 14.4117 13.3266 14.3297 13.3266 14.1984V11.1609C13.3266 11.0391 13.2609 10.9289 13.1578 10.868L3.39843 5.23124C3.35546 5.20593 3.3065 5.19258 3.25663 5.19258C3.20677 5.19258 3.15781 5.20593 3.11484 5.23124L1.83749 5.96952C1.79486 5.99438 1.75946 6.02995 1.73479 6.07271C1.71013 6.11546 1.69705 6.16391 1.69687 6.21327V17.7844C1.69687 17.8851 1.75078 17.9789 1.83749 18.0281L11.857 23.8125C11.9 23.8378 11.949 23.8511 11.9988 23.8511C12.0487 23.8511 12.0977 23.8378 12.1406 23.8125L20.5547 18.9539C20.6672 18.8883 20.6672 18.7265 20.5547 18.6609L17.9297 17.1445C17.8781 17.1146 17.8194 17.0988 17.7598 17.0988C17.7001 17.0988 17.6415 17.1146 17.5898 17.1445L12.157 20.2805C12.1141 20.3058 12.0651 20.3191 12.0152 20.3191C11.9654 20.3191 11.9164 20.3058 11.8734 20.2805L11.8758 20.2851ZM22.1625 5.96952L12.1406 0.185144C12.0977 0.159833 12.0487 0.146484 11.9988 0.146484C11.949 0.146484 11.9 0.159833 11.857 0.185144L6.56015 3.24374C6.44765 3.30936 6.44765 3.47108 6.56015 3.53671L9.16171 5.03905C9.26718 5.09999 9.39609 5.09999 9.50156 5.03905L11.8734 3.6703C11.9164 3.64499 11.9654 3.63164 12.0152 3.63164C12.0651 3.63164 12.1141 3.64499 12.157 3.6703L19.1414 7.70155C19.2281 7.75311 19.282 7.84452 19.282 7.9453V14.2031C19.282 14.325 19.3477 14.4351 19.4508 14.4961L22.0476 15.9961C22.1602 16.0617 22.3031 15.9797 22.3031 15.8484V6.21561C22.3032 6.1662 22.2903 6.11764 22.2656 6.07483C22.2409 6.03203 22.2053 5.99651 22.1625 5.97186V5.96952Z"
        fill="#2f2f2f"
      />
    </svg>
  );
});

PayloadCms.displayName = "PayloadCms";

PayloadCms.metadata = {
  name: "PayloadCms",
  category: "icon/cms",
  tags: ["payload", "cms", "icon"],
  description: "PayloadCms icon from icon/cms category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default PayloadCms;