// 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 SvgMusicNoteOff = ({
  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.33329 8.33332V2.33332H9.33329C12.4629 2.33332 15 4.87038 15 7.99999M1.47131 1.47134L16.5286 16.5287M2.99996 13C2.99996 13.7072 3.28091 14.3855 3.78101 14.8856C4.28111 15.3857 4.95938 15.6667 5.66663 15.6667C6.37387 15.6667 7.05215 15.3857 7.55224 14.8856C8.05234 14.3855 8.33329 13.7072 8.33329 13C8.33329 12.2927 8.05234 11.6145 7.55224 11.1144C7.05215 10.6143 6.37387 10.3333 5.66663 10.3333C4.95938 10.3333 4.28111 10.6143 3.78101 11.1144C3.28091 11.6145 2.99996 12.2927 2.99996 13Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
