// 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 SvgTwoFingerHold = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.33341 11.0003V6.33341C8.33341 5.59703 7.73648 5.00008 7.00008 5.00008H5.66675V12.3334L3.42172 11.5851C2.55834 11.2973 1.66675 11.9399 1.66675 12.85V13.0001L5.00008 16.3335M12.3333 17.0001V11.6667L11.0005 11.0003V6.33341C11.0005 5.59703 10.4036 5.00008 9.66721 5.00008H6.33341M13.0001 7.64844C13.1095 7.66053 13.2207 7.66675 13.3334 7.66675C14.9903 7.66675 16.3334 6.3236 16.3334 4.66675C16.3334 3.00989 14.9903 1.66675 13.3334 1.66675C12.2933 1.66675 11.3768 2.19609 10.8386 3.00008M13.3334 3.33341V4.66675H14.6667M3.00008 6.33341C3.00008 4.12427 4.79094 2.33341 7.00008 2.33341C7.46759 2.33341 7.91635 2.41362 8.33342 2.56102"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
