// 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 SvgFingerTouch = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M15.283 14.1691L13.6001 12.4862M11.3449 16V13.62M14.62 10.1839H17M7.65674 4.96243L12.8422 10.1479L11.8994 11.0907C11.3787 11.6114 10.5344 11.6114 10.0138 11.0907L7.42104 8.498L2.94269 10.6193L1.5874 8.08547M7.18585 4.4911L8.60004 5.90531C9.12077 6.42601 9.96497 6.42601 10.4857 5.90531L11.4285 4.96251L8.83564 2.36964C8.09444 1.62847 7.11493 1.27095 6.14381 1.29707C5.2388 1.32141 4.34109 1.67893 3.65039 2.36963"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
