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

export const IconShirtOutline = 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-shirt-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.33304 1.25C7.74723 1.25002 8.08304 1.5858 8.08304 2C8.08304 3.05855 8.94148 3.91699 10 3.91699C11.0586 3.91697 11.917 3.05853 11.917 2C11.917 1.58579 12.2528 1.25 12.667 1.25H15.0908L15.1836 1.25586C15.3985 1.28261 15.5931 1.40133 15.7149 1.58398L18.6241 5.94727C18.8344 6.26274 18.776 6.68573 18.4883 6.93262L16.2041 8.89062V18C16.2041 18.4142 15.8683 18.75 15.4541 18.75H4.54593C4.13171 18.75 3.79593 18.4142 3.79593 18V8.89062L1.51175 6.93262C1.22405 6.68572 1.16568 6.26275 1.376 5.94727L4.28518 1.58398L4.34182 1.50977C4.48326 1.34607 4.68984 1.25 4.90921 1.25H7.33304ZM2.99222 6.22559L5.03323 7.97559C5.19945 8.11807 5.29593 8.32696 5.29593 8.5459V17.25H14.7041V8.5459C14.7041 8.32695 14.8006 8.11807 14.9668 7.97559L17.0069 6.22559L14.6895 2.75H13.333C12.9911 4.27607 11.6292 5.41698 10 5.41699C8.3708 5.41699 7.00894 4.27608 6.66702 2.75H5.31057L2.99222 6.22559Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconShirtOutline.displayName = "IconShirtOutline";

export default IconShirtOutline;