// 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 SvgUserMultipleAccounts = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.33325 1.3335H14.6666V12.6668M11.9999 14.6668V4.00016H1.33325V14.6668M11.9999 14.6668H1.33325M11.9999 14.6668V13.7335L11.5999 13.4085C11.5999 13.4085 9.95545 11.999 6.66658 11.999C3.37774 11.999 1.73332 13.4085 1.73332 13.4085L1.33325 13.7335V14.6668M4.66792 8.0015C4.66792 8.53158 4.87849 9.03994 5.25331 9.41477C5.62814 9.78959 6.13651 10.0002 6.66658 10.0002C7.19666 10.0002 7.70503 9.78959 8.07986 9.41477C8.45468 9.03994 8.66525 8.53158 8.66525 8.0015C8.66525 7.47142 8.45468 6.96305 8.07986 6.58822C7.70503 6.2134 7.19666 6.00283 6.66658 6.00283C6.13651 6.00283 5.62814 6.2134 5.25331 6.58822C4.87849 6.96305 4.66792 7.47142 4.66792 8.0015Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
