// 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 SvgOpenHand = ({
  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="M5.33325 9.00008V3.00008H6.66659C7.40299 3.00008 7.99992 3.59703 7.99992 4.33341V9.00008V1.66675H9.33325C10.0696 1.66675 10.6666 2.2637 10.6666 3.00008M5.33325 9.00008C5.33325 8.26368 4.73645 7.66675 4.00005 7.66675H2.66672V11.0001C2.66672 13.9456 5.05459 16.3335 8.00005 16.3335H8.66659M5.33325 9.00008L5.33339 11.0001M10.6666 9.00008V3.00008M10.6666 3.00008H11.9999C12.7363 3.00008 13.3333 3.59703 13.3333 4.33341V17.0001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
