// 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 SvgOpenHand2 = ({
  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="M10.6667 9.00008V3.00008H9.33341C8.59701 3.00008 8.00008 3.59703 8.00008 4.33341V9.00008V1.66675H6.66675C5.93037 1.66675 5.33341 2.2637 5.33341 3.00008M10.6667 9.00008C10.6667 8.26368 11.2635 7.66675 11.9999 7.66675H13.3333V11.0001C13.3333 13.9456 10.9454 16.3335 7.99995 16.3335H7.33341M10.6667 9.00008L10.6666 11.0001H9.99968C8.89508 11.0001 7.99968 11.8955 7.99968 13.0001V13.6667M5.33341 9.00008V3.00008M5.33341 3.00008H4.00008C3.2637 3.00008 2.66675 3.59703 2.66675 4.33341V17.0001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
