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

export const IconRotateCursorOutline = 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-cursor-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.9217 2.36567C14.2146 2.07277 14.6894 2.07277 14.9823 2.36567L17.5663 4.94962C17.8592 5.24251 17.8592 5.71739 17.5663 6.01028C17.2734 6.30317 16.7985 6.30317 16.5056 6.01028L15.202 4.70667V5.50002C15.202 10.6086 11.0606 14.75 5.95201 14.75H4.77355L6.07717 16.0536C6.37007 16.3465 6.37007 16.8214 6.07717 17.1143C5.78428 17.4072 5.30941 17.4072 5.01651 17.1143L2.43256 14.5303C2.13967 14.2375 2.13967 13.7626 2.43256 13.4697L5.01651 10.8857C5.30941 10.5928 5.78428 10.5928 6.07717 10.8857C6.37007 11.1786 6.37007 11.6535 6.07717 11.9464L4.77355 13.25H5.95201C10.2322 13.25 13.702 9.78022 13.702 5.50002V4.70664L12.3984 6.01028C12.1055 6.30317 11.6306 6.30317 11.3377 6.01028C11.0448 5.71739 11.0448 5.24251 11.3377 4.94962L13.9217 2.36567Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconRotateCursorOutline.displayName = "IconRotateCursorOutline";

export default IconRotateCursorOutline;