// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgUserCircleSingle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.41939 13.7576C4.08299 13.3495 6.03347 12.3334 9.00008 12.3334C11.9667 12.3334 13.9172 13.3495 14.5808 13.7576M1.66675 9.00008C1.66675 10.945 2.43937 12.8103 3.81463 14.1855C5.1899 15.5608 7.05516 16.3334 9.00008 16.3334C10.945 16.3334 12.8103 15.5608 14.1855 14.1855C15.5608 12.8103 16.3334 10.945 16.3334 9.00008C16.3334 7.05516 15.5608 5.1899 14.1855 3.81463C12.8103 2.43937 10.945 1.66675 9.00008 1.66675C7.05516 1.66675 5.1899 2.43937 3.81463 3.81463C2.43937 5.1899 1.66675 7.05516 1.66675 9.00008ZM6.00008 7.33342C6.00008 8.12906 6.31615 8.89213 6.87876 9.45474C7.44137 10.0173 8.20443 10.3334 9.00008 10.3334C9.79573 10.3334 10.5588 10.0173 11.1214 9.45474C11.684 8.89213 12.0001 8.12906 12.0001 7.33342C12.0001 6.53777 11.684 5.7747 11.1214 5.21209C10.5588 4.64949 9.79573 4.33341 9.00008 4.33341C8.20443 4.33341 7.44137 4.64949 6.87876 5.21209C6.31615 5.7747 6.00008 6.53777 6.00008 7.33342Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
