// 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 SvgUserFriendshipGroup = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.00008 17.0001V12.6667H1.66675V8.38895C1.66675 8.38895 4.00008 6.66675 8.00008 6.66675C12.0001 6.66675 14.3334 8.38895 14.3334 8.38895V12.6667H13.0001V17.0001M8.00008 17.0001V9.00008M3.33341 3.33341C3.33341 3.77544 3.50901 4.19937 3.82157 4.51193C4.13413 4.82449 4.55805 5.00008 5.00008 5.00008C5.44211 5.00008 5.86603 4.82449 6.17859 4.51193C6.49115 4.19937 6.66675 3.77544 6.66675 3.33341C6.66675 2.89139 6.49115 2.46746 6.17859 2.1549C5.86603 1.84234 5.44211 1.66675 5.00008 1.66675C4.55805 1.66675 4.13413 1.84234 3.82157 2.1549C3.50901 2.46746 3.33341 2.89139 3.33341 3.33341ZM9.33341 3.33341C9.33341 3.77544 9.50901 4.19937 9.82157 4.51193C10.1341 4.82449 10.5581 5.00008 11.0001 5.00008C11.4421 5.00008 11.866 4.82449 12.1786 4.51193C12.4912 4.19937 12.6667 3.77544 12.6667 3.33341C12.6667 2.89139 12.4912 2.46746 12.1786 2.1549C11.866 1.84234 11.4421 1.66675 11.0001 1.66675C10.5581 1.66675 10.1341 1.84234 9.82157 2.1549C9.50901 2.46746 9.33341 2.89139 9.33341 3.33341Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
