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

export const Eye: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="13" height="9" viewBox="0 0 13 9" fill="none" {...props}>
      <Path
        d="M6.50008 0.666016C3.79175 0.666016 1.47883 2.3506 0.541748 4.72852C1.47883 7.10643 3.79175 8.79101 6.50008 8.79101C9.20841 8.79101 11.5213 7.10643 12.4584 4.72852C11.5213 2.3506 9.20841 0.666016 6.50008 0.666016ZM6.50008 7.43685C5.00508 7.43685 3.79175 6.22352 3.79175 4.72852C3.79175 3.23352 5.00508 2.02018 6.50008 2.02018C7.99508 2.02018 9.20841 3.23352 9.20841 4.72852C9.20841 6.22352 7.99508 7.43685 6.50008 7.43685ZM6.50008 3.10352C5.60091 3.10352 4.87508 3.82935 4.87508 4.72852C4.87508 5.62768 5.60091 6.35352 6.50008 6.35352C7.39925 6.35352 8.12508 5.62768 8.12508 4.72852C8.12508 3.82935 7.39925 3.10352 6.50008 3.10352Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
