/* 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 ChevronRight: 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_3390)">
        <Path
          d="M11.4989 6.67464L5.02126 0.183512C4.77738 -0.0608317 4.38167 -0.0612067 4.13738 0.182606C3.89304 0.426418 3.89264 0.822137 4.13645 1.06648L10.6145 7.55808C10.8582 7.80176 10.8582 8.19827 10.6141 8.44242L4.13645 14.9335C3.89264 15.1779 3.89304 15.5736 4.13738 15.8174C4.25935 15.9392 4.41913 16 4.57885 16C4.73901 16 4.89917 15.9388 5.02126 15.8165L11.4984 9.32583C12.2295 8.59476 12.2295 7.40523 11.4989 6.67464Z"
          fill={color}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_5242_3390">
          <Rect width="16" height="16" fill="white" transform="translate(0.000366211)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
