// 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 SvgTwoFingerTap = ({
  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="M7.99992 10.0002V5.33325C7.99992 4.59687 7.40298 3.99992 6.66658 3.99992H5.33325V11.3333L3.08823 10.5849C2.22485 10.2971 1.33325 10.9397 1.33325 11.8499V12L4.66658 15.3333M11.9999 16V10.6666L10.6671 10.0002V5.33325C10.6671 4.59687 10.0701 3.99992 9.33372 3.99992H5.99992M13.3333 5.33325C13.3333 3.12411 11.5424 1.33325 9.33325 1.33325C8.86572 1.33325 8.41699 1.41346 7.99992 1.56086C7.58285 1.41346 7.13412 1.33325 6.66658 1.33325C4.45744 1.33325 2.66659 3.12411 2.66659 5.33325"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
