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

export const IconArrowRotateRightRectangleSolid = 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-arrow-rotate-right-rectangle-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M4.82443 5.57463C4.54988 5.26447 4.57875 4.79048 4.88891 4.51593L5.83221 3.68092C5.09679 3.64692 4.49137 3.68945 3.97821 3.92782 3.42919 4.18285 2.86477 4.72399 2.43514 6.00917 2.30382 6.40202 1.87889 6.61402 1.48605 6.48269 1.09321 6.35137.881204 5.92644 1.01253 5.5336 1.53403 3.9736 2.32501 3.04183 3.34628 2.56743 4.15706 2.1908 5.03072 2.146 5.82491 2.17873L5.08233 1.33983C4.80778 1.02968 4.83665.555682 5.1468.281135 5.45696.00658698 5.93095.0354531 6.2055.345609L8.19395 2.59195C8.4685 2.90211 8.43963 3.37611 8.12948 3.65065L5.88313 5.6391C5.57297 5.91365 5.09898 5.88478 4.82443 5.57463ZM7.99992 6.99998C6.89535 6.99998 5.99992 7.89541 5.99992 8.99998V16C5.99992 17.1046 6.89535 18 7.99992 18H14.9999C16.1045 18 16.9999 17.1046 16.9999 16V8.99998C16.9999 7.89541 16.1045 6.99998 14.9999 6.99998H7.99992Z"
        fill={color}
      />
    </svg>
  );
});

IconArrowRotateRightRectangleSolid.displayName =
  "IconArrowRotateRightRectangleSolid";

export default IconArrowRotateRightRectangleSolid;