// 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 SvgUserCollaborateGroup = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.66675 9.66675V7.70715C2.79971 7.25109 4.03725 7.00008 5.33341 7.00008C6.62958 7.00008 7.86715 7.25109 9.00008 7.70715V9.66675M9.00008 17.0001V15.0405C10.133 14.5844 11.3706 14.3334 12.6667 14.3334C13.9629 14.3334 15.2005 14.5844 16.3334 15.0405V17.0001M3.00008 11.0001V15.0001H7.00008M11.0001 3.00008H15.0001V7.00008M3.66608 3.33408C3.66608 3.77629 3.84175 4.20038 4.15443 4.51306C4.46712 4.82575 4.89121 5.00141 5.33341 5.00141C5.77562 5.00141 6.19971 4.82575 6.5124 4.51306C6.82508 4.20038 7.00075 3.77629 7.00075 3.33408C7.00075 2.89188 6.82508 2.46778 6.5124 2.1551C6.19971 1.84241 5.77562 1.66675 5.33341 1.66675C4.89121 1.66675 4.46712 1.84241 4.15443 2.1551C3.84175 2.46778 3.66608 2.89188 3.66608 3.33408ZM10.9994 10.6674C10.9994 11.1096 11.1751 11.5337 11.4878 11.8464C11.8005 12.1591 12.2245 12.3347 12.6667 12.3347C13.109 12.3347 13.533 12.1591 13.8457 11.8464C14.1584 11.5337 14.3341 11.1096 14.3341 10.6674C14.3341 10.2252 14.1584 9.80112 13.8457 9.48843C13.533 9.17575 13.109 9.00008 12.6667 9.00008C12.2245 9.00008 11.8005 9.17575 11.4878 9.48843C11.1751 9.80112 10.9994 10.2252 10.9994 10.6674Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
