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

export const IconToolProductPreview = 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-product-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17 4.5H3C2.72386 4.5 2.5 4.72386 2.5 5V15C2.5 15.2761 2.72386 15.5 3 15.5H17C17.2761 15.5 17.5 15.2761 17.5 15V5C17.5 4.72386 17.2761 4.5 17 4.5ZM3 3C1.89543 3 1 3.89543 1 5V15C1 16.1046 1.89543 17 3 17H17C18.1046 17 19 16.1046 19 15V5C19 3.89543 18.1046 3 17 3H3Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M3.69082 9.25998C3.69082 8.2493 4.51014 7.42998 5.52082 7.42998H6.45682C6.87104 7.42998 7.20682 7.76577 7.20682 8.17998C7.20682 8.59419 6.87104 8.92998 6.45682 8.92998H5.52082C5.33857 8.92998 5.19082 9.07773 5.19082 9.25998C5.19082 9.44223 5.33857 9.58998 5.52082 9.58998H5.66482C6.6755 9.58998 7.49482 10.4093 7.49482 11.42C7.49482 12.4307 6.6755 13.25 5.66482 13.25H4.72882C4.31461 13.25 3.97882 12.9142 3.97882 12.5C3.97882 12.0858 4.31461 11.75 4.72882 11.75H5.66482C5.84708 11.75 5.99482 11.6022 5.99482 11.42C5.99482 11.2377 5.84708 11.09 5.66482 11.09H5.52082C4.51014 11.09 3.69082 10.2707 3.69082 9.25998ZM8.06839 8.28471C8.06839 7.81266 8.45106 7.42998 8.92311 7.42998H9.93439C11.0047 7.42998 11.8724 8.29765 11.8724 9.36798C11.8724 10.4383 11.0047 11.306 9.93439 11.306H9.56839V12.5C9.56839 12.9142 9.2326 13.25 8.81839 13.25C8.40417 13.25 8.06839 12.9142 8.06839 12.5V8.28471ZM9.56839 9.80598H9.93439C10.1763 9.80598 10.3724 9.60988 10.3724 9.36798C10.3724 9.12608 10.1763 8.92998 9.93439 8.92998H9.56839V9.80598ZM13.196 7.42998C13.6102 7.42998 13.946 7.76577 13.946 8.17998V11.348C13.946 11.57 14.126 11.75 14.348 11.75C14.57 11.75 14.75 11.57 14.75 11.348V8.17998C14.75 7.76577 15.0858 7.42998 15.5 7.42998C15.9142 7.42998 16.25 7.76577 16.25 8.17998V11.348C16.25 12.3984 15.3985 13.25 14.348 13.25C13.2976 13.25 12.446 12.3984 12.446 11.348V8.17998C12.446 7.76577 12.7818 7.42998 13.196 7.42998Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolProductPreview.displayName = "IconToolProductPreview";

export default IconToolProductPreview;