// 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 SvgClapping = ({
  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="M6.53327 6.58252L5.56139 7.1448C5.02463 7.45533 4.84072 8.14313 5.15062 8.68107L9.17528 15.6667M6.53327 6.58252C6.22337 6.04463 6.40727 5.35685 6.94403 5.0463L7.91588 4.484L9.03815 6.43185M6.53327 6.58252L9.05828 10.9652M9.03815 6.43185C8.72821 5.89397 8.91215 5.20618 9.44888 4.89563L10.4208 4.33333L13.4935 9.66667H13.6667L14.1343 7.0948C14.2496 6.46083 14.8018 6 15.4462 6H16.3333L16.3331 12.0003C16.3331 13.8411 14.8409 15.3333 13.0001 15.3333M9.03815 6.43185L11.0021 9.8406M4.58258 4.48405L3.6107 5.04635C3.07394 5.35689 2.89003 6.04469 3.19993 6.58257L2.22805 7.14487C1.69129 7.4554 1.50739 8.1432 1.81729 8.68107L5.84197 15.6667M5.00008 2V0M6.88615 2.78107L8.30035 1.36686M3.11481 2.78107L1.7006 1.36686"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
