// 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 SvgOkHand = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.6674 8.33341V1.66675H11.3341C10.5977 1.66675 10.0007 2.2637 10.0007 3.00008V5.66675M12.6674 8.33341L6.33321 1.99975L5.27602 3.05695C4.75532 3.57765 4.75532 4.42187 5.27602 4.94257L9.33361 9.00015L9.04001 9.29382C8.34075 8.69508 7.43255 8.33348 6.43985 8.33348C4.69823 8.33348 3.21586 9.44655 2.66675 11.0001L2.78112 11.2287C3.12006 11.9059 3.8124 12.3335 4.56968 12.3335L5.10652 12.3335M12.6674 8.33341L12.6669 17.0003M5.10652 12.3335C5.10652 11.5971 5.70347 11.0001 6.43985 11.0001C7.17621 11.0001 7.77321 11.5971 7.77321 12.3335C7.77321 13.0699 7.17555 13.6667 6.43914 13.6667C5.70276 13.6667 5.10652 13.0699 5.10652 12.3335ZM5.10652 12.3335L4.59191 12.3334C3.87845 12.3334 3.21901 12.7135 2.86136 13.3308L2.66675 13.6667C3.21586 15.2203 4.69751 16.3334 6.43914 16.3334H8.00008"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
