// 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 SvgMusicNoteCircle = ({
  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="M9.33329 11.1667C9.33329 11.6087 9.1577 12.0326 8.84514 12.3452C8.53258 12.6577 8.10865 12.8333 7.66663 12.8333C7.2246 12.8333 6.80068 12.6577 6.48811 12.3452C6.17555 12.0326 5.99996 11.6087 5.99996 11.1667C5.99996 10.7246 6.17555 10.3007 6.48811 9.98814C6.80068 9.67558 7.2246 9.49999 7.66663 9.49999C8.10865 9.49999 8.53258 9.67558 8.84514 9.98814C9.1577 10.3007 9.33329 10.7246 9.33329 11.1667ZM9.33329 11.1667V5.16666H10.3333C11.806 5.16666 13 6.36056 13 7.83332V8.49999M1.66663 8.99999C1.66663 10.9449 2.43924 12.8102 3.81451 14.1854C5.18978 15.5607 7.05504 16.3333 8.99996 16.3333C10.9449 16.3333 12.8101 15.5607 14.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.81454C2.43924 5.18981 1.66663 7.05507 1.66663 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
