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

export const IconSwatchMinusSolid = 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-swatch-minus-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5V15C2 15.7956 2.31607 16.5587 2.87868 17.1213C3.44129 17.6839 4.20435 18 5 18C5.79565 18 6.55871 17.6839 7.12132 17.1213C7.68393 16.5587 8 15.7956 8 15V3.5C8 3.10218 7.84196 2.72064 7.56066 2.43934C7.27936 2.15804 6.89782 2 6.5 2H3.5ZM5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M15.253 8.99 14.2343 10.0087C12.2369 10.1397 10.6397 11.7369 10.5087 13.7343L9.5 14.743V6.257L11.01 4.747C11.1493 4.60761 11.3147 4.49703 11.4968 4.42159 11.6788 4.34615 11.8739 4.30732 12.071 4.30732 12.2681 4.30732 12.4632 4.34615 12.6452 4.42159 12.8273 4.49703 12.9927 4.60761 13.132 4.747L15.253 6.868C15.3924 7.0073 15.503 7.1727 15.5784 7.35475 15.6538 7.5368 15.6927 7.73194 15.6927 7.929 15.6927 8.12606 15.6538 8.3212 15.5784 8.50325 15.503 8.6853 15.3924 8.8507 15.253 8.99ZM18.75 15C18.75 14.5858 18.4142 14.25 18 14.25H12C11.5858 14.25 11.25 14.5858 11.25 15 11.25 15.4142 11.5858 15.75 12 15.75H18C18.4142 15.75 18.75 15.4142 18.75 15Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSwatchMinusSolid.displayName = "IconSwatchMinusSolid";

export default IconSwatchMinusSolid;