/* 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 ArrowLeft: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="19" height="20" viewBox="0 0 19 20" fill="none" {...props}>
      <G clipPath="url(#clip0_1979_137385)">
        <Path
          d="M6.70644 4.5201L7.47308 5.28674C7.65875 5.4724 7.6557 5.77439 7.46633 5.95627L4.31328 8.98431H17.7812C18.0401 8.98431 18.25 9.1942 18.25 9.45306V10.5468C18.25 10.8057 18.0401 11.0156 17.7812 11.0156H4.31328L7.46629 14.0436C7.6557 14.2255 7.65875 14.5275 7.47305 14.7131L6.70641 15.4798C6.52336 15.6628 6.22656 15.6628 6.04348 15.4798L0.895077 10.3314C0.712029 10.1483 0.712029 9.85154 0.895077 9.66845L6.04355 4.5201C6.2266 4.33705 6.5234 4.33705 6.70644 4.5201Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1979_137385">
          <Rect width="17.5" height="20" fill="white" transform="matrix(-1 0 0 1 18.25 0)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
