/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React, { useMemo } from 'react';
import Svg, { Path, G, Rect, ClipPath, Defs } from 'react-native-svg';
import { IconProps } from '../types';

export const ChevronLeft: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="16" height="16" viewBox="0 0 16 16" {...props}>
      <G clipPath="url(#clip0_5242_3385)">
        <Path
          d="M4.50185 6.67464L10.9795 0.183512C11.2233 -0.0608317 11.6191 -0.0612067 11.8633 0.182606C12.1077 0.426418 12.1081 0.822137 11.8643 1.06648L5.38619 7.55808C5.14251 7.80176 5.14251 8.19827 5.38666 8.44242L11.8643 14.9335C12.1081 15.1779 12.1077 15.5736 11.8633 15.8174C11.7414 15.9392 11.5816 16 11.4219 16C11.2617 16 11.1016 15.9388 10.9795 15.8165L4.50232 9.32583C3.77126 8.59476 3.77126 7.40523 4.50185 6.67464Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_5242_3385">
          <Rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16.0004 0)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
