'use client';

import * as React from 'react';

export const UserFace1 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M22.9717 13.4888C19.1008 21.2536 12.1588 37.1681 15.3577 38.7074C18.5565 40.2466 27.9726 40.7039 32.2808 40.7401C34.7129 47.8598 39.5771 62.0991 39.5771 62.0991"
      stroke="#11A6ED"
      strokeWidth="6"
      strokeLinecap="round"
    />
    <circle
      cx="47.9218"
      cy="24.2607"
      r="5.96479"
      stroke="#0EA6F1"
      strokeWidth="6"
    />
  </svg>
);

export const UserFace2 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <ellipse
      cx="47.9228"
      cy="24.3969"
      rx="5.96479"
      ry="6.10095"
      stroke="#F2AA18"
      strokeWidth="6"
    />
    <path
      d="M31.1331 21.3884C26.3467 33.1714 19.3366 57.0024 29.5875 58.063"
      stroke="#F2AA18"
      strokeWidth="6"
      strokeLinecap="round"
    />
  </svg>
);

export const UserFace3 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M27.2807 16.3134L14.7095 47.8453L27.2807 50.2687V63.0783C33.1777 62.8475 46.4615 60.4471 52.4209 52.6921"
      stroke="#52CC7A"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <circle cx="47.7592" cy="24.5199" r="5.97791" fill="#52CC7A" />
  </svg>
);

export const UserFace4 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M49.4638 25.7642L55.1051 46.9998L46.1461 49.3223V61.599C41.9435 61.3778 32.4766 59.0773 28.2295 51.6449"
      stroke="#AE621B"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M27.8969 22.1143H18.2754"
      stroke="#AE621B"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const UserFace5 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M33.1592 30.2915V58.2225"
      stroke="#2E6BE5"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <circle
      cx="17.1227"
      cy="28.7704"
      r="3.06995"
      stroke="#2E6BE5"
      strokeWidth="6"
    />
    <path
      d="M44.1162 28.8264H59.4732"
      stroke="#2E6BE5"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const UserFace6 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M34.427 18.9841C40.9201 26.6592 51.9582 43.6032 44.1666 49.9793C36.3749 56.3553 32.1085 52.636 30.9492 49.9793"
      stroke="#4AC4A0"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M12.9234 32.9079C12.2042 29.4733 11.7306 22.4117 15.5897 21.6413C19.4488 20.871 23.2928 26.0561 24.7325 28.745"
      stroke="#4AC4A0"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const UserFace7 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M35.5385 24.3416C36.3592 28.4449 37.0979 37.0619 33.4869 38.7032C28.9732 40.7548 22.8182 43.6275 24.0492 46.4998C25.034 48.7976 30.7513 51.0134 33.4869 51.8341"
      stroke="#E65C5C"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M14.2021 28.0352L23.2298 23.5217L25.2812 28.0352"
      stroke="#E65C5C"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M57.7539 30.2916L49.0617 25.7781L47.0865 30.2916"
      stroke="#E65C5C"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const UserFace8 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M24.1963 22.7004L11.0654 33.3691M48.816 25.9832L59.8949 36.2414"
      stroke="#A711ED"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M35.4806 36.2419L27.8291 43.8941L35.4806 49.4598"
      stroke="#A711ED"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const UserFace9 = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 73 73"
    fill="none"
    {...props}
  >
    <path
      d="M35.6126 21.8301L19.0618 39.5775C18.2229 40.546 16.9112 42.7368 18.375 43.7521C19.8387 44.7675 26.9645 46.7788 30.3444 47.6576L28.4613 59.1044"
      stroke="#A9C941"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M47.9512 25.2869L54.3097 26.7222"
      stroke="#A9C941"
      strokeWidth="6"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);