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

export const DoubleCheck: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="14" height="15" viewBox="0 0 14 15" {...props}>
      <Path
        d="M10.0916 4.17476C9.86413 3.94726 9.49662 3.94726 9.26912 4.17476L5.97912 7.46476L6.80162 8.28726L10.0916 4.99143C10.3133 4.76976 10.3133 4.39643 10.0916 4.17476ZM12.565 4.16893L6.80162 9.93226L4.77163 7.90809C4.54413 7.68059 4.17662 7.68059 3.94912 7.90809C3.72162 8.13559 3.72162 8.50309 3.94912 8.73059L6.38746 11.1689C6.61496 11.3964 6.98246 11.3964 7.20996 11.1689L13.3875 4.99726C13.615 4.76976 13.615 4.40226 13.3875 4.17476H13.3816C13.16 3.94143 12.7925 3.94143 12.565 4.16893ZM0.653291 8.73643L3.09162 11.1748C3.31912 11.4023 3.68662 11.4023 3.91412 11.1748L4.32246 10.7664L1.47579 7.90809C1.24829 7.68059 0.880791 7.68059 0.653291 7.90809C0.425791 8.13559 0.425791 8.50893 0.653291 8.73643Z"
        fill={color}
      />
    </Svg>
  );
};
