import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconImageAiOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-image-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.75 1.5C13.3358 1.5 13 1.83579 13 2.25C13 2.66421 13.3358 3 13.75 3H15V6.25C15 6.66421 15.3358 7 15.75 7C16.1642 7 16.5 6.66421 16.5 6.25V3H17.75C18.1642 3 18.5 2.66421 18.5 2.25C18.5 1.83579 18.1642 1.5 17.75 1.5H13.75Z"
          fill={color}
        />
        <path
          d="M5.00003 3.46875C3.75739 3.46875 2.75003 4.47611 2.75003 5.71875V12.3399C4.22335 11.1048 6.42249 11.1798 7.80763 12.565L8.62706 13.3844L11.0259 10.9856C12.4903 9.52114 14.8647 9.52115 16.3292 10.9856L17.25 11.9065V8.40158C17.25 7.98737 17.5858 7.65158 18 7.65158C18.4142 7.65158 18.75 7.98737 18.75 8.40158V15.0016C18.75 17.0727 17.0711 18.7516 15 18.7516H5.00003C2.92896 18.7516 1.25003 17.0727 1.25003 15.0016V14.3523C1.21532 14.2239 1.21532 14.088 1.25003 13.9596V5.71875C1.25003 3.64768 2.92896 1.96875 5.00003 1.96875H10.5C10.9142 1.96875 11.25 2.30454 11.25 2.71875C11.25 3.13296 10.9142 3.46875 10.5 3.46875H5.00003ZM2.75003 14.4406V15.0016C2.75003 16.2098 3.70238 17.1956 4.89738 17.2493C4.93099 17.1296 4.99488 17.0166 5.08905 16.9224L7.5664 14.4451L6.74697 13.6256C5.86829 12.747 4.44367 12.747 3.56499 13.6256L2.75003 14.4406ZM15 17.2516H6.88122L12.0865 12.0463C12.9652 11.1676 14.3898 11.1676 15.2685 12.0463L17.25 14.0278V15.0016C17.25 16.2442 16.2427 17.2516 15 17.2516Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M7.56271 5.51178C7.47558 5.27632 7.25106 5.12 7 5.12C6.74894 5.12 6.52442 5.27632 6.43729 5.51178L6.21626 6.10911C6.07446 6.49232 5.77232 6.79446 5.38911 6.93625L4.79178 7.15729C4.55632 7.24442 4.4 7.46894 4.4 7.72C4.4 7.97106 4.55632 8.19558 4.79178 8.28271L5.38911 8.50375C5.77232 8.64554 6.07446 8.94768 6.21625 9.33089L6.43729 9.92822C6.52442 10.1637 6.74894 10.32 7 10.32C7.25106 10.32 7.47558 10.1637 7.56271 9.92822L7.78374 9.33089C7.92554 8.94768 8.22768 8.64554 8.61089 8.50375L9.20822 8.28271C9.44368 8.19558 9.6 7.97106 9.6 7.72C9.6 7.46894 9.44368 7.24442 9.20822 7.15729L8.61089 6.93625C8.22768 6.79446 7.92554 6.49232 7.78374 6.10911L7.56271 5.51178ZM6.44071 7.72C6.65454 7.56319 6.84319 7.37454 7 7.16071C7.15681 7.37454 7.34546 7.5632 7.55929 7.72C7.34546 7.8768 7.15681 8.06546 7 8.27928C6.84319 8.06546 6.65454 7.8768 6.44071 7.72Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconImageAiOutline.displayName = "IconImageAiOutline";

export default IconImageAiOutline;