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

export const IconArrowLeftDis = 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-left-dis`,
    };
    return (
      <svg
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2 12C2 6.61522 6.36522 2.25 11.75 2.25C17.1348 2.25 21.5 6.61522 21.5 12C21.5 17.3848 17.1348 21.75 11.75 21.75C6.36522 21.75 2 17.3848 2 12ZM11.5303 9.53033C11.8232 9.23744 11.8232 8.76256 11.5303 8.46967C11.2374 8.17678 10.7626 8.17678 10.4697 8.46967L7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L10.4697 15.5303C10.7626 15.8232 11.2374 15.8232 11.5303 15.5303C11.8232 15.2374 11.8232 14.7626 11.5303 14.4697L9.81066 12.75H15.5C15.9142 12.75 16.25 12.4142 16.25 12C16.25 11.5858 15.9142 11.25 15.5 11.25H9.81066L11.5303 9.53033Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconArrowLeftDis.displayName = "IconArrowLeftDis";

export default IconArrowLeftDis;