// 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 SvgFingerSnapping = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.6666 9.3334L3.33333 2L2.39053 2.94281C1.86983 3.46351 1.86983 4.30773 2.39053 4.82843L5.56203 8L3.33333 12.6667L6 15.3333M10.6666 9.3334L10 10.0001C9.21893 10.7811 9.21893 12.0474 10 12.8285M10.6666 9.3334L11.2391 7.42527C11.4929 6.57933 12.2715 6 13.1547 6H14V11.3333C14 13.5425 12.2091 15.3333 10 15.3333H9.33333M10.6667 2V0M12.5527 2.78107L13.9669 1.36686M8.7814 2.78107L7.3672 1.36686"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
