// 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 SvgUserMultipleGroup = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.0001 8.6657C14.5556 8.6657 16.3334 10.1895 16.3334 10.1895V12.6657H14.0001M11.0001 6.66572C12.4725 6.66572 13.6662 5.47206 13.6662 3.9996C13.6662 2.52716 12.4725 1.3335 11.0001 1.3335C10.2035 1.3335 9.48861 1.6828 9.00008 2.23658M7.00008 10.6657C3.44453 10.6657 1.66675 12.1895 1.66675 12.1895V14.6657H12.3334V12.1895C12.3334 12.1895 10.5556 10.6657 7.00008 10.6657ZM4.33408 5.9995C4.33408 6.70656 4.61496 7.38467 5.11493 7.88464C5.61491 8.38462 6.29301 8.6655 7.00008 8.6655C7.70715 8.6655 8.38526 8.38462 8.88523 7.88464C9.3852 7.38467 9.66608 6.70656 9.66608 5.9995C9.66608 5.29243 9.3852 4.61432 8.88523 4.11435C8.38526 3.61438 7.70715 3.3335 7.00008 3.3335C6.29301 3.3335 5.61491 3.61438 5.11493 4.11435C4.61496 4.61432 4.33408 5.29243 4.33408 5.9995Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
