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

export const IconToolBrickFiguresPreview = 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-brick-figures-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path fill={color} d="M0 0H20V20H0z" />
        <path
          d="M18.0771 2.25391C18.4551 2.29253 18.75 2.61183 18.75 3V15C18.75 15.2359 18.6389 15.458 18.4502 15.5996L14.4502 18.5996C14.3204 18.697 14.1623 18.75 14 18.75H2C1.58579 18.75 1.25 18.4142 1.25 18V6C1.25 5.76406 1.36114 5.54204 1.5498 5.40039L5.5498 2.40039L5.65234 2.33594C5.75916 2.28002 5.87825 2.25 6 2.25H18L18.0771 2.25391ZM2.75 17.25H13.25V6.75H2.75V17.25ZM14.75 6.37402V16.5L17.25 14.625V4.49902L14.75 6.37402ZM6 14H10V13H12V16H4V13H6V14ZM7 11H5V9H7V11ZM11 11H9V9H11V11ZM4.25 5.25H13.75L15.75 3.75H6.25L4.25 5.25Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolBrickFiguresPreview.displayName = "IconToolBrickFiguresPreview";

export default IconToolBrickFiguresPreview;