// 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 SvgFingersCross = ({
  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="M7.38895 5.94429L2.66675 10.3332L4.51293 16.3333M9.66675 3.66662L10.6095 2.72382C10.8699 2.46347 11.2111 2.33329 11.5523 2.33329C11.8936 2.33329 12.2348 2.46347 12.4951 2.72382L13.219 3.44767L10.3334 6.33329M7.99988 8.99996L6.95228 3.23847C6.80348 2.42002 7.43228 1.66663 8.26415 1.66663H9.33321L10.8332 8.99996M7.99988 8.99996H13.3333V12.3334C13.3333 14.5425 11.5424 16.3334 9.33328 16.3334H7.33341M7.99988 8.99996L8.00008 10.3333C8.00008 11.0697 8.59701 11.6666 9.33341 11.6666H10.6669M11.3337 11.6666H10.0001C8.89548 11.6666 8.00008 12.562 8.00008 13.6666V14.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
