// 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 SvgMusicNoteCircleOff = ({
  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.87464 9.69979C6.35376 9.98166 5.99996 10.5329 5.99996 11.1667C5.99996 12.0871 6.74615 12.8333 7.66663 12.8333C8.28356 12.8333 8.82216 12.4981 9.11029 12M9.33329 9.33332V5.16666H10.3333C11.806 5.16666 13 6.36056 13 7.83332V8.49999M14.1854 14.1854C12.8101 15.5607 10.9449 16.3333 8.99996 16.3333C7.05504 16.3333 5.18978 15.5607 3.81451 14.1854C2.43924 12.8102 1.66663 10.9449 1.66663 8.99999C1.66663 7.05507 2.43924 5.18981 3.81451 3.81454M14.1854 14.1854C15.5607 12.8102 16.3333 10.9449 16.3333 8.99999C16.3333 7.05507 15.5607 5.18981 14.1854 3.81454C12.8101 2.43927 10.9449 1.66666 8.99996 1.66666C7.05504 1.66666 5.18978 2.43927 3.81451 3.81454M14.1854 14.1854L3.81451 3.81454"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
