import React from "react";
import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
import { useValues } from "@src/utils/context/index";

export function UserFill() {
  const { isDark } = useValues();
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} fill="none">
      <G fill="#AAA" clipPath="url(#a)">
        <Path d="M10 10a4.167 4.167 0 1 0 0-8.334A4.167 4.167 0 0 0 10 10ZM10 12.084c-4.175 0-7.575 2.8-7.575 6.25 0 .233.183.416.417.416h14.316a.413.413 0 0 0 .417-.416c0-3.45-3.4-6.25-7.575-6.25Z" />
      </G>
      <Defs>
        <ClipPath id="a">
          <Path fill="#fff" d="M0 0h20v20H0z" />
        </ClipPath>
      </Defs>
    </Svg>
  );
}
