// 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 SvgUserFaceMale = ({
  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="M6.3334 10.3334L6.33342 8.33341M11.6667 10.3334V8.33341M5.70025 12.2999C6.57543 13.1751 7.76241 13.6667 9.00008 13.6667C10.2377 13.6667 11.4247 13.1751 12.2999 12.2999M15.8314 6.33342C16.1601 7.17536 16.3334 8.07875 16.3334 9.00008C16.3334 10.945 15.5608 12.8103 14.1855 14.1855C12.8103 15.5608 10.945 16.3334 9.00008 16.3334C7.05516 16.3334 5.1899 15.5608 3.81463 14.1855C2.43937 12.8103 1.66675 10.945 1.66675 9.00008C1.66675 8.07881 1.84011 7.17537 2.16877 6.33343M15.8314 6.33342C15.4662 5.39798 14.9093 4.53844 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.81463C3.09082 4.53844 2.53394 5.39799 2.16877 6.33343M15.8314 6.33342L13.0001 6.33341C11.5273 6.33341 10.3334 5.13951 10.3334 3.66675C10.3334 5.13951 9.13955 6.33343 7.66675 6.33343L2.16877 6.33343"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
