// 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 SvgDrumStick = ({
  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="M8.00008 11.6667L6.17859 13.4881C6.4802 13.7897 6.66675 14.2064 6.66675 14.6667C6.66675 15.5871 5.92055 16.3333 5.00008 16.3333C4.07961 16.3333 3.33341 15.5871 3.33341 14.6667C2.41294 14.6667 1.66675 13.9205 1.66675 13C1.66675 12.0795 2.41294 11.3333 3.33341 11.3333C3.79365 11.3333 4.21032 11.5199 4.51193 11.8215L6.33341 9.99999M8.00008 11.6667L6.33341 9.99999M8.00008 11.6667H12.3334L15.0907 8.90932C15.8864 8.11366 16.3334 7.03452 16.3334 5.9093C16.3334 3.56615 14.4339 1.66666 12.0907 1.66666C10.9655 1.66666 9.88641 2.11365 9.09075 2.9093L6.33341 5.66666V9.99999"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
