// 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 SvgTwoFingerDoubleTap = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00008 10.0003V5.33341C9.00008 4.59703 8.40315 4.00008 7.66675 4.00008H6.33341V11.3334L4.08839 10.5851C3.22501 10.2973 2.33341 10.9399 2.33341 11.85V12.0001L5.66675 15.3335M13 16.0001V10.6667L11.6672 10.0003V5.33341C11.6672 4.59703 11.0703 4.00008 10.3339 4.00008H7.00008M14.3334 5.33341C14.3334 3.12427 12.5425 1.33341 10.3334 1.33341C9.86588 1.33341 9.41715 1.41362 9.00008 1.56102C8.58301 1.41362 8.13428 1.33341 7.66675 1.33341C5.45761 1.33341 3.66675 3.12427 3.66675 5.33341M1.66675 5.33341C1.66675 3.44857 2.53586 1.76672 3.89519 0.666748M16.3334 5.33341C16.3334 3.44857 15.4643 1.76672 14.1049 0.666748"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
