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

export const Hand: React.FC<IconProps> = ({ colorVariant = 'secondary', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="13" height="17" viewBox="0 0 13 17" fill="none" {...props}>
      <Path
        d="M7.66719 16.55C6.41145 16.55 5.32532 16.2389 4.40879 15.6168C3.49199 14.9944 2.82812 14.1444 2.41719 13.0668L0.717188 8.6832C0.672654 8.5832 0.644788 8.4832 0.633588 8.3832C0.622654 8.2832 0.617188 8.17773 0.617188 8.0668C0.617188 7.7556 0.736654 7.47773 0.975588 7.2332C1.21425 6.98893 1.49479 6.8668 1.81719 6.8668C1.88385 6.8668 1.95052 6.8696 2.01719 6.8752C2.08385 6.88053 2.15052 6.8944 2.21719 6.9168L2.71719 7.05C2.91719 7.09453 3.08105 7.1612 3.20879 7.25C3.33652 7.3388 3.47265 7.4888 3.61719 7.7V3.4668C3.61719 3.01107 3.77265 2.63053 4.08359 2.3252C4.39479 2.0196 4.77265 1.8668 5.21719 1.8668C5.32812 1.8668 5.42532 1.88067 5.50879 1.9084C5.59199 1.93613 5.66692 1.97227 5.73359 2.0168V1.9332C5.75599 1.52227 5.91719 1.18067 6.21719 0.9084C6.51719 0.636133 6.87265 0.5 7.28359 0.5C7.62812 0.5 7.93092 0.6056 8.19199 0.8168C8.45305 1.02773 8.62252 1.2832 8.70039 1.5832C8.75585 1.53893 8.84479 1.50293 8.96719 1.4752C9.08932 1.4472 9.21145 1.4332 9.33359 1.4332C9.77812 1.4332 10.1476 1.5916 10.442 1.9084C10.7364 2.22493 10.8836 2.5944 10.8836 3.0168V3.5332C10.9393 3.48893 11.0144 3.4584 11.1088 3.4416C11.2032 3.42507 11.2948 3.4168 11.3836 3.4168C11.8281 3.4168 12.206 3.57227 12.5172 3.8832C12.8281 4.1944 12.9836 4.57227 12.9836 5.0168V11.2832C12.9836 12.8165 12.4808 14.0777 11.4752 15.0668C10.4699 16.0556 9.20052 16.55 7.66719 16.55ZM7.66719 15.3332C8.86719 15.3332 9.85319 14.9555 10.6252 14.2C11.3975 13.4445 11.7836 12.4723 11.7836 11.2832V5.0168C11.7836 4.9056 11.7448 4.81387 11.6672 4.7416C11.5893 4.66933 11.4948 4.6332 11.3836 4.6332C11.2727 4.6332 11.1811 4.66933 11.1088 4.7416C11.0365 4.81387 11.0004 4.9056 11.0004 5.0168V7.9668C11.0004 8.1444 10.9393 8.2944 10.8172 8.4168C10.6948 8.53893 10.5448 8.6 10.3672 8.6C10.1893 8.6 10.0365 8.53893 9.90879 8.4168C9.78105 8.2944 9.71719 8.1388 9.71719 7.95V3.0332C9.71719 2.92227 9.68105 2.83067 9.60879 2.7584C9.53652 2.68613 9.44479 2.65 9.33359 2.65C9.22265 2.65 9.13105 2.68613 9.05879 2.7584C8.98652 2.83067 8.95039 2.92227 8.95039 3.0332V7.9668C8.95039 8.1444 8.88652 8.2944 8.75879 8.4168C8.63105 8.53893 8.48385 8.6 8.31719 8.6C8.12812 8.6 7.97252 8.53893 7.85039 8.4168C7.72825 8.2944 7.66719 8.1388 7.66719 7.95V2.1C7.66719 1.9888 7.63105 1.8972 7.55879 1.8252C7.48652 1.75293 7.39479 1.7168 7.28359 1.7168C7.17265 1.7168 7.07825 1.75293 7.00039 1.8252C6.92252 1.8972 6.88359 1.9888 6.88359 2.1V7.9668C6.88359 8.1444 6.82252 8.2944 6.70039 8.4168C6.57825 8.53893 6.42825 8.6 6.25039 8.6C6.07252 8.6 5.92252 8.53893 5.80039 8.4168C5.67825 8.2944 5.61719 8.1388 5.61719 7.95V3.4668C5.61719 3.3556 5.57825 3.26387 5.50039 3.1916C5.42252 3.11933 5.32812 3.0832 5.21719 3.0832C5.10599 3.0832 5.01425 3.11933 4.94199 3.1916C4.86972 3.26387 4.83359 3.3556 4.83359 3.4668V9.8832C4.83359 10.0499 4.78092 10.1832 4.67559 10.2832C4.56999 10.3832 4.43932 10.4332 4.28359 10.4332H4.13359C4.01145 10.4332 3.90599 10.4027 3.81719 10.3416C3.72812 10.2805 3.65585 10.1889 3.60039 10.0668L3.05039 8.8168C2.93919 8.57227 2.80305 8.40827 2.64199 8.3248C2.48092 8.2416 2.26705 8.16107 2.00039 8.0832C1.92252 8.07227 1.86972 8.08067 1.84199 8.1084C1.81425 8.13613 1.81705 8.18333 1.85039 8.25L3.55039 12.6332C3.88372 13.4665 4.40039 14.1249 5.10039 14.6084C5.80039 15.0916 6.65599 15.3332 7.66719 15.3332Z"
        fill={color}
      />
    </Svg>
  );
};
