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

export const IconRotate2RightFill = 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-right-fill`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.82455 5.57463C4.55001 5.26447 4.57887 4.79048 4.88903 4.51593L5.83233 3.68092C5.09691 3.64692 4.49149 3.68945 3.97833 3.92782 3.42931 4.18285 2.8649 4.72399 2.43527 6.00917 2.30394 6.40202 1.87902 6.61402 1.48617 6.48269 1.09333 6.35137.881326 5.92644 1.01265 5.5336 1.53415 3.9736 2.32513 3.04183 3.3464 2.56743 4.15718 2.1908 5.03084 2.146 5.82503 2.17873L5.08245 1.33983C4.8079 1.02968 4.83677.555682 5.14692.281135 5.45708.00658698 5.93107.0354531 6.20562.345609L8.19407 2.59195C8.46862 2.90211 8.43975 3.37611 8.1296 3.65065L5.88325 5.6391C5.5731 5.91365 5.0991 5.88478 4.82455 5.57463ZM8.00004 6.99998C6.89547 6.99998 6.00004 7.89541 6.00004 8.99998V16C6.00004 17.1046 6.89547 18 8.00004 18H15C16.1046 18 17 17.1046 17 16V8.99998C17 7.89541 16.1046 6.99998 15 6.99998H8.00004Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconRotate2RightFill.displayName = "IconRotate2RightFill";

export default IconRotate2RightFill;