// 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 SvgSignLanguageHand = ({
  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="M0 4.66665H2V4.99998C2 6.65683 3.34315 7.99998 5 7.99998C6.65685 7.99998 8 6.65683 8 4.99998V3.66665H10.6667C11.4031 3.66665 12 3.06969 12 2.33331V1.33331H0M5.33333 5.33331L7.12133 7.12131M16 11.3333H14V11C14 9.34311 12.6569 7.99998 11 7.99998C9.34313 7.99998 8 9.34311 8 11V12.3333H5.33333C4.59695 12.3333 4 12.9302 4 13.6666V14.6666H16M10.6667 10.6666L8.87867 8.87865M5.00041 5.50211C4.7235 5.50211 4.49903 5.27763 4.49903 5.00072C4.49903 4.72381 4.7235 4.49933 5.00041 4.49933C5.27733 4.49933 5.50097 4.7238 5.50097 5.00071C5.50097 5.27761 5.27733 5.50211 5.00041 5.50211ZM10.9996 10.4978C11.2765 10.4978 11.501 10.7223 11.501 10.9992C11.501 11.2762 11.2765 11.5006 10.9996 11.5006C10.7227 11.5006 10.499 11.2762 10.499 10.9992C10.499 10.7223 10.7227 10.4978 10.9996 10.4978Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
