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

export const IconArrowChevronLeftOutline = 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-chevron-left-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12.2906 5.23017C12.5777 5.52875 12.5684 6.00353 12.2698 6.29063L8.33208 10L12.2698 13.7094C12.5684 13.9965 12.5777 14.4713 12.2906 14.7698C12.0035 15.0684 11.5287 15.0777 11.2302 14.7906L6.73017 10.5406C6.58311 10.3992 6.5 10.204 6.5 10C6.5 9.79599 6.58311 9.60078 6.73017 9.45938L11.2302 5.20938C11.5287 4.92228 12.0035 4.93159 12.2906 5.23017Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconArrowChevronLeftOutline.displayName = "IconArrowChevronLeftOutline";

export default IconArrowChevronLeftOutline;