// 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 SvgUserIdentifierCard = ({
  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="M1.66675 13.3332H16.3334V2.6665H1.66675L1.66675 13.3332ZM1.66675 13.3332L1.66675 11.3736C2.79971 10.9175 4.03725 10.6665 5.33342 10.6665C6.62958 10.6665 7.86715 10.9175 9.00008 11.3736V13.3332M11.0001 5.33317H14.3334M11.0001 7.99984H14.3334M9.00008 4.6665V0.666504M7.00075 7.0005C7.00075 7.44271 6.82508 7.8668 6.5124 8.17949C6.19971 8.49217 5.77562 8.66784 5.33342 8.66784C4.89121 8.66784 4.46712 8.49217 4.15443 8.17949C3.84175 7.8668 3.66608 7.44271 3.66608 7.0005C3.66608 6.5583 3.84175 6.13421 4.15443 5.82152C4.46712 5.50884 4.89121 5.33317 5.33342 5.33317C5.77562 5.33317 6.19971 5.50884 6.5124 5.82152C6.82508 6.13421 7.00075 6.5583 7.00075 7.0005Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
