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

export const ArrowRight: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="10" height="11" viewBox="0 0 10 11" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_46794)">
        <Path
          d="M0.601064 4.79805C0.641981 4.79141 0.683391 4.78835 0.724822 4.78888H7.77962L7.62578 4.71733C7.47542 4.64617 7.33862 4.5493 7.22153 4.43114L5.24319 2.45279C4.98264 2.20407 4.93886 1.80395 5.13944 1.50476C5.37289 1.18594 5.82059 1.11672 6.13943 1.35017C6.16519 1.36904 6.18968 1.38961 6.21268 1.41175L9.79015 4.98922C10.0697 5.26849 10.07 5.72151 9.79071 6.00109C9.79053 6.00127 9.79033 6.00147 9.79015 6.00165L6.21268 9.57912C5.93288 9.85814 5.47986 9.85752 5.20082 9.57771C5.17886 9.55569 5.15836 9.53226 5.13944 9.50757C4.93886 9.20839 4.98264 8.80827 5.24319 8.55954L7.21795 6.57762C7.32293 6.47253 7.44362 6.38442 7.5757 6.31647L7.79035 6.21987H0.764196C0.39869 6.23345 0.0780153 5.97813 0.00934982 5.61886C-0.0539045 5.2288 0.211008 4.86133 0.601064 4.79805Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_46794">
          <Rect
            width="10"
            height="10"
            fill={getIconColor(colorVariant)}
            transform="matrix(-1 0 0 1 10 0.5)"
          />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
