// 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 SvgWavingHand = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.6813 7.48925L8.71075 2.33317L7.56733 2.9947C6.93585 3.36004 6.71949 4.16921 7.08407 4.80202M11.6813 7.48925L12.6715 9.20797L12.0996 9.53884C11.1524 10.0868 10.8278 11.3006 11.3747 12.2498L11.7048 12.8227M11.6813 7.48925C11.3167 6.85644 11.5331 6.04728 12.1646 5.68193L13.3079 5.0204L14.9583 7.8849C16.4167 10.4162 15.5512 13.6528 13.0253 15.1142L12.4537 15.4449M7.08407 4.80202L5.7638 2.51042L4.62041 3.17195C3.98893 3.5373 3.77257 4.34646 4.13716 4.97927M7.08407 4.80202L9.39455 8.8123M4.13716 4.97927L2.99377 5.6408C2.36229 6.00614 2.14593 6.81531 2.51052 7.44812L7.24544 15.6665M4.13716 4.97927L7.10778 10.1354M1.66675 12.3332C1.66675 13.394 2.08817 14.4114 2.83832 15.1616C3.58847 15.9118 4.60588 16.3332 5.66675 16.3332M16.3334 5.6665C16.3334 4.60564 15.912 3.58822 15.1618 2.83808C14.4117 2.08793 13.3943 1.6665 12.3334 1.6665"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
