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

export const IconToolEmbroideryPreview = 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-embroidery-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.10661 3.02564C1.04786 3.02564 1.02564 3.06817 1.02564 3.08974V8.79956L3.12442 6.7604C3.30786 6.58218 3.59457 6.56635 3.79649 6.72331L4.9005 7.58142L6.32303 6.12277C6.66109 5.77613 7.24931 6.01547 7.24931 6.49967C7.24931 6.64286 7.19242 6.78019 7.09115 6.88143L5.35082 8.62131C5.17164 8.82442 4.8654 8.85317 4.65155 8.68695L3.51923 7.80683L1.02564 10.2296V11.1667C1.02564 11.1882 1.04786 11.2308 1.10661 11.2308H6.13512C6.41835 11.2308 6.64794 11.4604 6.64794 11.7436C6.64794 12.0268 6.41835 12.2564 6.13512 12.2564H1.10661C0.509485 12.2564 0 11.7824 0 11.1667V3.08974C0 2.47406 0.50948 2 1.10661 2H10.1754C10.7726 2 11.2821 2.47407 11.2821 3.08974V5.98718C11.2821 6.2704 11.0525 6.5 10.7692 6.5C10.486 6.5 10.2564 6.2704 10.2564 5.98718V3.08974C10.2564 3.06817 10.2342 3.02564 10.1754 3.02564H1.10661Z"
          fill={color}
        />
        <path
          d="M2.37517 4.96474C2.37517 4.42873 2.81819 4.01923 3.33333 4.01923 3.84847 4.01923 4.2915 4.42873 4.2915 4.96474 4.2915 5.50076 3.84847 5.91026 3.33333 5.91026 2.81819 5.91026 2.37517 5.50076 2.37517 4.96474ZM3.33333 5.04487C3.35658 5.04487 3.40081 5.02284 3.40081 4.96474 3.40081 4.90665 3.35658 4.88462 3.33333 4.88462 3.31009 4.88462 3.26586 4.90665 3.26586 4.96474 3.26586 5.02284 3.31009 5.04487 3.33333 5.04487ZM9.59998 8.5H16.8541C16.8539 8.5 16.8542 8.5 16.8541 8.5H19C19.5523 8.5 20 8.94772 20 9.5V17.7C20 18.2523 19.5523 18.7 19 18.7H9.59998C9.04769 18.7 8.59998 18.2523 8.59998 17.7V9.5C8.59998 8.94771 9.04769 8.5 9.59998 8.5ZM9.59998 9.5 11.6657 9.5 10.4723 11.5671C10.3236 11.8246 10.4118 12.1539 10.6693 12.3026 10.9269 12.4513 11.2562 12.363 11.4049 12.1055L12.1708 10.7788 12.5683 11.4672 10.4919 14.5498C10.3258 14.7964 10.3911 15.131 10.6377 15.2971 10.8843 15.4633 11.219 15.398 11.3851 15.1514L12.2305 13.8963 12.6356 14.5979 10.5461 17.7H9.59998V9.5ZM15.9657 9.5 12.9091 9.5 12.7926 9.70192 13.8278 11.495C13.9765 11.7525 13.8882 12.0818 13.6307 12.2305 13.5285 12.2895 13.4149 12.3112 13.3058 12.2998L12.9 12.9023 13.8278 14.5092C13.9765 14.7667 13.8882 15.096 13.6307 15.2447 13.5747 15.2771 13.5153 15.2982 13.4551 15.3088L12.9 16.1329 13.8048 17.7H14.8461L16.9355 14.5979 16.5305 13.8963 15.6851 15.1514C15.5189 15.398 15.1843 15.4633 14.9377 15.2971 14.6911 15.131 14.6258 14.7964 14.7919 14.5498L16.8683 11.4672 16.4708 10.7788 15.7048 12.1055C15.5562 12.363 15.2269 12.4513 14.9693 12.3026 14.7118 12.1539 14.6236 11.8246 14.7722 11.5671L15.9657 9.5ZM16.1444 17.7 16.8613 17.7 16.5305 17.1269 16.1444 17.7ZM18.1048 17.7 17.2 16.1329 17.7551 15.3088C17.8153 15.2982 17.8747 15.2771 17.9307 15.2447 18.1882 15.096 18.2765 14.7667 18.1278 14.5092L17.2 12.9023 17.6058 12.2998C17.7149 12.3112 17.8285 12.2895 17.9307 12.2305 18.1882 12.0818 18.2765 11.7525 18.1278 11.495L17.0926 9.70192 17.2091 9.5 19 9.5V17.7H18.1048ZM12.2305 17.1269 12.5614 17.7H11.8444L12.2305 17.1269Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolEmbroideryPreview.displayName = "IconToolEmbroideryPreview";

export default IconToolEmbroideryPreview;