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

export const IconToolStylePreview = 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-style-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.25 4.75C9.25 4.33579 8.91421 4 8.5 4H2.90741C1.80284 4 0.90741 4.89543 0.90741 6V16C0.90741 17.1046 1.80284 18 2.90741 18H16.6574C17.762 18 18.6574 17.1046 18.6574 16V9.75C18.6574 9.33579 18.3216 9 17.9074 9C17.4932 9 17.1574 9.33579 17.1574 9.75V12.3143L16.0136 11.1705C14.9884 10.1454 13.3264 10.1454 12.3013 11.1705L11.6574 11.8143L9.13857 9.2955C8.11344 8.27037 6.45138 8.27037 5.42626 9.29549L2.40741 12.3143V6C2.40741 5.72386 2.63127 5.5 2.90741 5.5H8.5C8.91421 5.5 9.25 5.16421 9.25 4.75ZM2.40741 16V14.4357L6.48692 10.3562C6.92625 9.91681 7.63856 9.91681 8.0779 10.3562L12.3771 14.6553C12.67 14.9482 13.1448 14.9482 13.4377 14.6553C13.7306 14.3624 13.7306 13.8876 13.4377 13.5947L12.7181 12.875L13.3619 12.2312C13.8013 11.7918 14.5136 11.7918 14.9529 12.2312L17.1574 14.4357V16C17.1574 16.2761 16.9336 16.5 16.6574 16.5H2.90741C2.63127 16.5 2.40741 16.2761 2.40741 16Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M14.6792 2.4033C14.5895 2.16091 14.3584 2 14.1 2C13.8415 2 13.6104 2.16091 13.5207 2.4033L13.0708 3.61931C12.9248 4.01378 12.6138 4.32481 12.2193 4.47078L11.0033 4.92074C10.7609 5.01043 10.6 5.24155 10.6 5.5C10.6 5.75845 10.7609 5.98957 11.0033 6.07926L12.2193 6.52922C12.6138 6.67519 12.9248 6.98621 13.0708 7.38069L13.5207 8.5967C13.6104 8.83909 13.8415 9 14.1 9C14.3584 9 14.5895 8.83909 14.6792 8.5967L15.1292 7.38069C15.2752 6.98622 15.5862 6.67519 15.9807 6.52922L17.1967 6.07926C17.4391 5.98957 17.6 5.75845 17.6 5.5C17.6 5.24155 17.4391 5.01043 17.1967 4.92074L15.9807 4.47078C15.5862 4.32481 15.2752 4.01378 15.1292 3.61931L14.6792 2.4033ZM12.9419 5.5C13.4393 5.24456 13.8445 4.83937 14.1 4.34195C14.3554 4.83937 14.7606 5.24456 15.258 5.5C14.7606 5.75544 14.3554 6.16063 14.1 6.65805C13.8445 6.16063 13.4393 5.75544 12.9419 5.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolStylePreview.displayName = "IconToolStylePreview";

export default IconToolStylePreview;