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

export const IconToolTextToImagePreview = 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-text-to-image-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.82456 9.50518C9.76581 9.50518 9.74359 9.54771 9.74359 9.56928V15.2791L11.8424 13.2399C12.0258 13.0617 12.3125 13.0459 12.5144 13.2028L13.6185 14.061L15.081 12.4031C15.1726 12.2993 15.3023 12.2369 15.4406 12.2301C15.5789 12.2234 15.7141 12.2729 15.8153 12.3673L18.9744 15.313V9.56928C18.9744 9.5477 18.9521 9.50518 18.8934 9.50518H9.82456ZM20 9.56928C20 8.9536 19.4905 8.47954 18.8934 8.47954H9.82456C9.22743 8.47954 8.71795 8.9536 8.71795 9.56928V17.6462C8.71795 18.2619 9.22743 18.7359 9.82456 18.7359H18.8934C19.4905 18.7359 20 18.2619 20 17.6462V9.56928ZM18.9744 16.7153L15.5014 13.4769L14.0688 15.1009C13.8896 15.304 13.5833 15.3327 13.3695 15.1665L12.2372 14.2864L9.74359 16.7091V17.6462C9.74359 17.6678 9.7658 17.7103 9.82456 17.7103H18.8934C18.9522 17.7103 18.9744 17.6678 18.9744 17.6462V16.7153ZM11.0931 11.4443C11.0931 10.9083 11.5361 10.4988 12.0513 10.4988C12.5664 10.4988 13.0094 10.9083 13.0094 11.4443C13.0094 11.9803 12.5664 12.3898 12.0513 12.3898C11.5361 12.3898 11.0931 11.9803 11.0931 11.4443ZM12.0513 11.5244C12.0745 11.5244 12.1188 11.5024 12.1188 11.4443C12.1188 11.3862 12.0745 11.3642 12.0513 11.3642C12.028 11.3642 11.9838 11.3862 11.9838 11.4443C11.9838 11.5024 12.028 11.5244 12.0513 11.5244Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M1.53846 1.30005C0.688793 1.30005 0 1.98884 0 2.83851V11.0436C0 11.8933 0.688793 12.5821 1.53846 12.5821H6.15385C6.43707 12.5821 6.66667 12.3525 6.66667 12.0693C6.66667 11.7861 6.43707 11.5565 6.15385 11.5565H1.53846C1.25524 11.5565 1.02564 11.3269 1.02564 11.0436V2.83851C1.02564 2.55529 1.25524 2.32569 1.53846 2.32569H9.74359C10.0268 2.32569 10.2564 2.55529 10.2564 2.83851V5.91543C10.2564 6.19866 10.486 6.42825 10.7692 6.42825C11.0525 6.42825 11.2821 6.19866 11.2821 5.91543V2.83851C11.2821 1.98884 10.5933 1.30005 9.74359 1.30005H1.53846Z"
          fill={color}
        />
        <path
          d="M3.58974 4.37697C3.30652 4.37697 3.07692 4.60657 3.07692 4.88979V5.57355C3.07692 5.85678 3.30652 6.08637 3.58974 6.08637C3.87297 6.08637 4.10256 5.85678 4.10256 5.57355V5.40261H5.1282L5.1282 8.47954C4.84498 8.47954 4.61538 8.70913 4.61538 8.99236C4.61538 9.27558 4.84498 9.50518 5.1282 9.50518H6.15385C6.43707 9.50518 6.66667 9.27558 6.66667 8.99236C6.66667 8.70913 6.43707 8.47954 6.15385 8.47954L6.15385 5.40261H7.17949V5.57355C7.17949 5.85678 7.40909 6.08637 7.69231 6.08637C7.97553 6.08637 8.20513 5.85678 8.20513 5.57355V4.88979C8.20513 4.60657 7.97553 4.37697 7.69231 4.37697H3.58974Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolTextToImagePreview.displayName = "IconToolTextToImagePreview";

export default IconToolTextToImagePreview;