// 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 SvgUserSquareSingle = ({
  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="M14.6666 14.6668V1.3335H1.33325V14.6668M14.6666 14.6668H1.33325M14.6666 14.6668V13.3335C14.6666 13.3335 12.6666 11.3335 7.99992 11.3335C3.33325 11.3335 1.33325 13.3335 1.33325 13.3335V14.6668M4.99859 6.33483C4.99859 7.13083 5.3148 7.89423 5.87766 8.45709C6.44051 9.01995 7.20392 9.33616 7.99992 9.33616C8.79592 9.33616 9.55932 9.01995 10.1222 8.45709C10.685 7.89423 11.0013 7.13083 11.0013 6.33483C11.0013 5.53883 10.685 4.77543 10.1222 4.21257C9.55932 3.64971 8.79592 3.3335 7.99992 3.3335C7.20392 3.3335 6.44051 3.64971 5.87766 4.21257C5.3148 4.77543 4.99859 5.53883 4.99859 6.33483Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
