// 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 SvgUserFolder = ({
  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="M4.66662 14.6666L4.66658 11.9999C4.66658 11.9999 5.99992 11.2929 7.99992 11.2929C9.99992 11.2929 11.3333 11.9999 11.3333 11.9999V14.6666M14.6666 14.6666V3.33325H7.33325L5.33325 1.33325H1.33325V14.6666H14.6666ZM6.33259 7.66725C6.33259 8.58812 7.07905 9.33459 7.99992 9.33459C8.92079 9.33459 9.66725 8.58812 9.66725 7.66725C9.66725 6.74639 8.92079 5.99992 7.99992 5.99992C7.07905 5.99992 6.33259 6.74639 6.33259 7.66725Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
