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

export const IconToolMockupPreview = 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-mockup-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.2429 1.37564C13.3553 1.30943 13.4807 1.2686 13.6103 1.25552C13.7395 1.24255 13.8702 1.25757 13.9932 1.29976L18.8415 2.96215C19.1459 3.06653 19.4034 3.27561 19.5665 3.5529C19.7307 3.83234 19.7875 4.16155 19.7258 4.47849L19.102 7.71206C19.047 7.99445 18.9016 8.25122 18.6883 8.44484C18.4772 8.63656 18.2102 8.75647 17.9263 8.78792L16.507 8.944L16.769 17.37C16.7758 17.5799 16.7325 17.7875 16.6439 17.9766L16.5689 18.1146C16.4313 18.3357 16.232 18.5121 15.9819 18.6288C15.796 18.7111 15.5943 18.7523 15.3999 18.75H4.60906C4.40566 18.7523 4.20404 18.7111 4.00444 18.6225C3.76801 18.5121 3.56863 18.3357 3.43089 18.1143C3.29224 17.8912 3.22258 17.6326 3.23096 17.371L3.492 8.944L2.0737 8.78791C1.83713 8.76172 1.61235 8.6741 1.42177 8.53468L1.31171 8.44489C1.09837 8.25125 0.953104 7.99445 0.897836 7.71073L0.274468 4.47979C0.212486 4.16157 0.269229 3.83213 0.433702 3.55258C0.596605 3.27566 0.854026 3.06654 1.1585 2.96215L5.99338 1.3045C6.11727 1.25938 6.24954 1.24196 6.38083 1.25342C6.51229 1.26489 6.6398 1.30505 6.7542 1.37124C6.86966 1.43804 6.96902 1.52976 7.04491 1.64015C7.12138 1.75145 7.1718 1.87869 7.19003 1.99928L7.23519 2.21227C7.37799 2.77376 7.69809 3.28025 8.15377 3.65825C8.66903 4.08567 9.32396 4.32082 10.0015 4.32082C10.679 4.32082 11.334 4.08567 11.8493 3.65824C12.3619 3.23304 12.7029 2.64521 12.8117 2.00689C12.8327 1.8754 12.8828 1.75022 12.9584 1.64045C13.0331 1.53205 13.1306 1.44135 13.2429 1.37564ZM5.96637 3.13928L5.886 2.926L1.774 4.337L2.348 7.309L4.0716 7.49975C4.28766 7.52363 4.49027 7.61348 4.65201 7.75598L4.74393 7.84768C4.91955 8.04613 5.01324 8.30385 5.0051 8.56932L4.735 17.249L15.264 17.25L14.9948 8.5684C14.9883 8.3477 15.0521 8.13213 15.1752 7.95164L15.256 7.8478C15.4291 7.6521 15.6691 7.52841 15.9284 7.49976L17.652 7.309L18.225 4.337L14.117 2.928L14.0359 3.14372C13.8017 3.71483 13.4437 4.23196 12.984 4.65752L12.8069 4.81274C12.0218 5.46399 11.028 5.82082 10.0015 5.82082C8.97503 5.82082 7.98116 5.46398 7.19608 4.81273C6.65075 4.36036 6.23058 3.78615 5.96637 3.13928ZM6.5 8.5C6.5 7.94771 6.94772 7.5 7.5 7.5H12.5C13.0523 7.5 13.5 7.94772 13.5 8.5V10V13.5C13.5 14.0523 13.0523 14.5 12.5 14.5H7.5C6.94771 14.5 6.5 14.0523 6.5 13.5V8.5ZM12.5 8.5V9.58579L8.58579 13.5H7.5V12.5L11.5 8.5H12.5ZM12.5 11L10 13.5H12.5V11ZM10.0858 8.5L7.5 11.0858V8.5H10.0858Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolMockupPreview.displayName = "IconToolMockupPreview";

export default IconToolMockupPreview;