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

export const IconToolImageOutline = 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-tool-image-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.875 3.75C11.875 3.33579 11.5392 3 11.125 3H3.125C2.02043 3 1.125 3.89543 1.125 5V15C1.125 16.1046 2.02043 17 3.125 17H16.875C17.9796 17 18.875 16.1046 18.875 15V10.2634C18.875 9.84922 18.5392 9.51343 18.125 9.51343C17.7108 9.51343 17.375 9.84922 17.375 10.2634V11.3143L16.2312 10.1705C15.206 9.14537 13.544 9.14537 12.5188 10.1705L11.875 10.8143L9.35616 8.2955C8.33103 7.27037 6.66897 7.27037 5.64385 8.29549L2.625 11.3143V5C2.625 4.72386 2.84886 4.5 3.125 4.5H11.125C11.5392 4.5 11.875 4.16421 11.875 3.75ZM2.625 15V13.4357L6.70451 9.35615C7.14385 8.91681 7.85615 8.91681 8.29549 9.35616L12.5947 13.6553C12.8876 13.9482 13.3624 13.9482 13.6553 13.6553C13.9482 13.3624 13.9482 12.8876 13.6553 12.5947L12.9357 11.875L13.5795 11.2312C14.0188 10.7918 14.7312 10.7918 15.1705 11.2312L17.375 13.4357V15C17.375 15.2761 17.1511 15.5 16.875 15.5H3.125C2.84886 15.5 2.625 15.2761 2.625 15Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M18.7907 4.39976C19.0556 4.08133 19.0122 3.60844 18.6938 3.34353C18.3754 3.07862 17.9025 3.12201 17.6376 3.44043L15.3079 6.24075L14.401 5.22713C14.1248 4.91844 13.6506 4.8921 13.342 5.1683C13.0333 5.44449 13.0069 5.91863 13.2831 6.22732L14.7696 7.88871C14.915 8.05124 15.124 8.14242 15.342 8.1385C15.5601 8.13457 15.7656 8.03593 15.9051 7.86828L18.7907 4.39976Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolImageOutline.displayName = "IconToolImageOutline";

export default IconToolImageOutline;