import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from '../types';

export const Check: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="8" height="9" viewBox="0 0 8 9" fill="none" {...props}>
      <Path
        d="M3.06334 7.50039C2.98698 7.57721 2.88279 7.62006 2.77456 7.62006C2.66634 7.62006 2.56215 7.57721 2.48578 7.50039L0.179506 5.19375C-0.0598353 4.95441 -0.0598353 4.5663 0.179506 4.32741L0.468286 4.03856C0.707702 3.79922 1.09536 3.79922 1.3347 4.03856L2.77456 5.47849L6.66528 1.58771C6.9047 1.34837 7.29273 1.34837 7.5317 1.58771L7.82048 1.87656C8.05982 2.1159 8.05982 2.50393 7.82048 2.7429L3.06334 7.50039Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
