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

export const ChevronUp: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="12" height="12" viewBox="0 0 8 9" fill="none" {...props}>
      <G clipPath="url(#clip0_4_155)">
        <Path
          d="M3.99998 2.2198C3.8566 2.2198 3.71324 2.27455 3.60393 2.38381L0.164113 5.82366C-0.0547044 6.04248 -0.0547044 6.39725 0.164113 6.61598C0.382842 6.83471 0.737546 6.83471 0.956381 6.61598L3.99998 3.57221L7.04359 6.61588C7.26241 6.83461 7.61708 6.83461 7.83579 6.61588C8.05471 6.39715 8.05471 6.04237 7.83579 5.82356L4.39602 2.3837C4.28666 2.27442 4.1433 2.2198 3.99998 2.2198Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_4_155">
          <Rect
            width="8"
            height="8"
            rx="4"
            transform="matrix(1 0 0 -1 0 8.5)"
            fill={getIconColor(colorVariant)}
          />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
