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

export const IconRotateRightRectangleOutline = 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-shein-icon customeow-shein-icon-icon-rotate-right-rectangle-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M5.43943 5.03702L6.61977 3.99219C5.8073 3.94432 5.1246 3.97304 4.54544 4.24207C3.95707 4.51538 3.37378 5.08907 2.93649 6.39715L1.75098 6.00084C2.26482 4.46374 3.03692 3.56453 4.01883 3.10841C4.84908 2.72274 5.75189 2.6948 6.57584 2.73763L5.6436 1.68448L6.57958 0.855957L8.98229 3.57029L6.26795 5.973L5.43943 5.03702Z"
        fill={color}
      />
      <path
        d="M5.53004 17.6986V6.43345H16.7952V17.6986H5.53004ZM6.78004 7.68345H15.5452V16.4486H6.78004V7.68345Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconRotateRightRectangleOutline.displayName = "IconRotateRightRectangleOutline";

export default IconRotateRightRectangleOutline;