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

export const IconFileImageOutline = 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-file-image-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.50591 8.38824H7.42258C6.8703 8.38824 6.42258 8.83596 6.42258 9.38824V9.47158C6.42258 10.0239 6.8703 10.4716 7.42258 10.4716H7.50591C8.0582 10.4716 8.50591 10.0239 8.50591 9.47158V9.38825C8.50591 8.83596 8.0582 8.38824 7.50591 8.38824ZM13.7578 15.3675 12.866 12.55C12.6079 11.7345 11.5117 11.5984 11.062 12.3259L10.1978 13.7241 9.01916 12.9333C8.53885 12.6111 7.88616 12.7623 7.59648 13.2629L6.42477 15.2879C6.27047 15.5546 6.4629 15.8882 6.77099 15.8882H13.3764C13.6469 15.8882 13.8394 15.6254 13.7578 15.3675Z"
          fill={color}
        />
        <path
          d="M2.96289 2.8125C2.96289 1.88052 3.71841 1.125 4.65039 1.125H8.71289C13.2692 1.125 16.9629 4.81865 16.9629 9.375V17.1875C16.9629 18.1195 16.2074 18.875 15.2754 18.875H4.65039C3.71841 18.875 2.96289 18.1195 2.96289 17.1875V2.8125ZM4.46289 2.8125C4.46289 2.70895 4.54684 2.625 4.65039 2.625H8.40039C9.53948 2.625 10.4629 3.54841 10.4629 4.6875V5.9375C10.4629 6.86948 11.2184 7.625 12.1504 7.625H13.4004C14.5395 7.625 15.4629 8.54841 15.4629 9.6875V17.1875C15.4629 17.2911 15.3789 17.375 15.2754 17.375H4.65039C4.54684 17.375 4.46289 17.2911 4.46289 17.1875V2.8125ZM11.9629 4.6875C11.9629 4.20096 11.8654 3.73721 11.6888 3.31472C13.0267 3.97295 14.1149 5.06119 14.7732 6.39911C14.3507 6.22253 13.8869 6.125 13.4004 6.125H12.1504C12.0468 6.125 11.9629 6.04105 11.9629 5.9375V4.6875Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFileImageOutline.displayName = "IconFileImageOutline";

export default IconFileImageOutline;