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

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

  return (
    <Svg width="22" height="23" viewBox="0 0 22 23" fill="none" {...props}>
      <Path
        d="M11 0.5C4.95 0.5 0 5.45 0 11.5C0 17.55 4.95 22.5 11 22.5C17.05 22.5 22 17.55 22 11.5C22 5.45 17.05 0.5 11 0.5ZM11 3.8C12.87 3.8 14.3 5.23 14.3 7.1C14.3 8.97 12.87 10.4 11 10.4C9.13 10.4 7.7 8.97 7.7 7.1C7.7 5.23 9.13 3.8 11 3.8ZM11 19.42C8.25 19.42 5.83 17.99 4.4 15.9C4.4 13.7 8.8 12.49 11 12.49C13.2 12.49 17.6 13.7 17.6 15.9C16.17 17.99 13.75 19.42 11 19.42Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
