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

export const IconToolEmbroideryTextPreview = 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-text-preview`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M0 1.5C0 0.671573 0.671573 0 1.5 0C2.15311 0 2.70873 0.417404 2.91465 1H17.0854C17.2913 0.417404 17.8469 0 18.5 0C19.3284 0 20 0.671573 20 1.5C20 2.15311 19.5826 2.70873 19 2.91465V17.0854C19.5826 17.2913 20 17.8469 20 18.5C20 19.3284 19.3284 20 18.5 20C17.8469 20 17.2913 19.5826 17.0854 19H2.91465C2.70873 19.5826 2.15311 20 1.5 20C0.671573 20 0 19.3284 0 18.5C0 17.8469 0.417404 17.2913 1 17.0854V2.91465C0.417404 2.70873 0 2.15311 0 1.5ZM2 2.91465V17.0854C2.42621 17.236 2.764 17.5738 2.91465 18H17.0854C17.236 17.5738 17.5738 17.236 18 17.0854V2.91465C17.5738 2.764 17.236 2.42621 17.0854 2H2.91465C2.764 2.42621 2.42621 2.764 2 2.91465Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M11.8161 14H14L11.8161 6H8.17929L6 14H8.17929L8.54482 12.6651H11.4552L11.8161 14ZM10.6896 13.6651L10.8507 14.261C10.9686 14.6971 11.3643 15 11.8161 15H14C14.3117 15 14.6056 14.8546 14.7948 14.6069C14.984 14.3592 15.0468 14.0374 14.9647 13.7366L12.7808 5.73665C12.662 5.3017 12.2669 5 11.8161 5H8.17929C7.72823 5 7.33301 5.30196 7.21445 5.73717L5.03516 13.7372C4.95325 14.0378 5.01619 14.3595 5.20538 14.6071C5.39457 14.8547 5.68838 15 6 15H8.17929C8.62987 15 9.02479 14.6987 9.14379 14.2641L9.30781 13.6651H10.6896ZM9.99769 7.33022L8.91035 11.3349H11.0896L9.99769 7.33022Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconToolEmbroideryTextPreview.displayName = "IconToolEmbroideryTextPreview";

export default IconToolEmbroideryTextPreview;