import * as React from 'react';
import useUser from '@contexts/user';
import Svg, {SvgProps, Path, Circle} from 'react-native-svg';

const SvgComponent = (props: SvgProps) => {
  const {user} = useUser();
  return (
    <Svg width={19} height={21} fill="none">
      <Path
        d="M14.5 6.65a5.4 5.4 0 1 0-10.8 0c0 6.3-2.7 8.1-2.7 8.1h16.2s-2.7-1.8-2.7-8.1ZM10.656 18.35a1.8 1.8 0 0 1-3.114 0"
        stroke={props?.fill || '#4F58CF'}
        strokeWidth={1.8}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      {user?.hasNewNotifications && (
        <Circle cx={15} cy={5.25} r={4} fill="#F13B3B" />
      )}
    </Svg>
  );
};

export default SvgComponent;
