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

export const CheckGroup: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="20" height="12" viewBox="0 0 20 12" fill="none" {...props}>
      <G clipPath="url(#clip0_3204_283489)">
        <Path
          d="M0.5 6.38288L4.60933 10.5001L12.5 2.61717L11.3672 1.5L4.60933 8.25L1.61715 5.25784L0.5 6.38288Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <G clipPath="url(#clip1_3204_283489)">
        <Path
          d="M7.5 6.38288L11.6093 10.5001L19.5 2.61717L18.3672 1.5L11.6093 8.25L8.61715 5.25784L7.5 6.38288Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3204_283489">
          <Rect width="12" height="12" fill="white" transform="translate(0.5)" />
        </ClipPath>
        <ClipPath id="clip1_3204_283489">
          <Rect width="12" height="12" fill="white" transform="translate(7.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
