// 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 SvgUserStickerCircle = ({
  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="M15.8314 11.6665C16.1601 10.8246 16.3334 9.92117 16.3334 8.99984C16.3334 7.05492 15.5608 5.18966 14.1855 3.81439C12.8103 2.43912 10.945 1.6665 9.00008 1.6665C7.05516 1.6665 5.1899 2.43912 3.81463 3.81439C2.43937 5.18966 1.66675 7.05492 1.66675 8.99984C1.66675 10.9448 2.43937 12.81 3.81463 14.1853C5.1899 15.5606 7.05516 16.3332 9.00008 16.3332C9.92141 16.3332 10.8248 16.1598 11.6667 15.8312M15.8314 11.6665L11.6667 15.8312M15.8314 11.6665H11.6667V15.8312M7.00007 8.33317L7.00009 6.33317M11.0001 8.33317V6.33317M5.70023 10.2996C6.57541 11.1748 7.76241 11.6665 9.00008 11.6665"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
