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

export const IconRotate2LeftFill = 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-rotate-2-left-fill`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.1639 5.57463C15.4385 5.26447 15.4096 4.79048 15.0995 4.51593L14.1562 3.68092C14.8916 3.64692 15.497 3.68945 16.0102 3.92782 16.5592 4.18285 17.1236 4.72399 17.5532 6.00917 17.6846 6.40202 18.1095 6.61402 18.5023 6.48269 18.8952 6.35137 19.1072 5.92644 18.9758 5.5336 18.4543 3.9736 17.6634 3.04183 16.6421 2.56743 15.8313 2.1908 14.9576 2.146 14.1635 2.17873L14.906 1.33983C15.1806 1.02968 15.1517.555682 14.8416.281135 14.5314.00658698 14.0574.0354531 13.7829.345609L11.7944 2.59195C11.5199 2.90211 11.5487 3.37611 11.8589 3.65065L14.1052 5.6391C14.4154 5.91365 14.8894 5.88478 15.1639 5.57463ZM5 6.99998C3.89543 6.99998 3 7.89541 3 8.99998V16C3 17.1046 3.89543 18 5 18H12C13.1046 18 14 17.1046 14 16V8.99998C14 7.89541 13.1046 6.99998 12 6.99998H5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconRotate2LeftFill.displayName = "IconRotate2LeftFill";

export default IconRotate2LeftFill;