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

export const ChevronDown: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="12" height="12" viewBox="0 0 8 9" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_48175)">
        <Path
          d="M3.99998 6.7802C3.8566 6.7802 3.71324 6.72545 3.60393 6.61619L0.164113 3.17634C-0.0547044 2.95752 -0.0547044 2.60275 0.164113 2.38402C0.382842 2.16529 0.737546 2.16529 0.956381 2.38402L3.99998 5.42779L7.04359 2.38412C7.26241 2.16539 7.61708 2.16539 7.83579 2.38412C8.05471 2.60285 8.05471 2.95763 7.83579 3.17644L4.39602 6.6163C4.28666 6.72558 4.1433 6.7802 3.99998 6.7802Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_48175">
          <Rect y="0.5" width="8" height="8" rx="4" fill={getIconColor(colorVariant)} />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
