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

export const At: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
      <Path
        d="M12.9375 9.8125C11.9381 9.8125 11.125 8.99939 11.125 8C11.125 6.27686 9.72314 4.875 8 4.875C6.27686 4.875 4.875 6.27686 4.875 8C4.875 9.72314 6.27686 11.125 8 11.125C9.02588 11.125 9.93787 10.6281 10.5081 9.86218C11.0684 10.5914 11.9489 11.0625 12.9375 11.0625C14.6261 11.0625 16 9.6886 16 8C16 3.57861 12.422 0 8 0C3.57861 0 0 3.578 0 8C0 10.1368 0.832153 12.1459 2.34314 13.6569C3.85413 15.1678 5.86316 16 8 16C10.1368 16 12.1459 15.1678 13.6569 13.6569C13.901 13.4127 13.901 13.0171 13.6569 12.7729C13.4128 12.5289 13.0171 12.5289 12.7729 12.7729C11.498 14.0479 9.80298 14.75 8 14.75C4.27808 14.75 1.25 11.7219 1.25 8C1.25 4.27808 4.27808 1.25 8 1.25C11.7219 1.25 14.75 4.27808 14.75 8C14.75 8.99939 13.9369 9.8125 12.9375 9.8125ZM8 9.875C6.96606 9.875 6.125 9.03394 6.125 8C6.125 6.96606 6.96606 6.125 8 6.125C9.03394 6.125 9.875 6.96606 9.875 8C9.875 9.03394 9.03394 9.875 8 9.875Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
