// 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 SvgMusicNoteOff2 = ({
  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="M6.33329 13.6667C6.33329 14.1971 6.12258 14.7058 5.74751 15.0809C5.37243 15.4559 4.86373 15.6667 4.33329 15.6667C3.80286 15.6667 3.29415 15.4559 2.91908 15.0809C2.54401 14.7058 2.33329 14.1971 2.33329 13.6667C2.33329 13.1362 2.54401 12.6275 2.91908 12.2524C3.29415 11.8774 3.80286 11.6667 4.33329 11.6667C4.86373 11.6667 5.37243 11.8774 5.74751 12.2524C6.12258 12.6275 6.33329 13.1362 6.33329 13.6667ZM6.33329 13.6667L6.33329 9.66666M13.6666 13.6667C14.7712 13.6667 15.6666 12.7713 15.6666 11.6667C15.6666 10.5621 14.7712 9.66666 13.6666 9.66666C12.562 9.66666 11.6666 10.5621 11.6666 11.6667M15.6666 11.6133V2.33332L6.33329 4.78378V6.33072M15.6666 5.39639L7.52787 7.5332M1.47131 1.47134L16.5286 16.5287"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
