// 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 SvgMusicNote2 = ({
  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.33328 14.1667V4.53334L16.3333 1.86667V12.1667M6.33328 7.83334L16.3333 5.16668M1.69861 14.0173C1.69861 14.6319 1.94276 15.2214 2.37734 15.6559C2.81192 16.0905 3.40135 16.3347 4.01594 16.3347C4.63054 16.3347 5.21996 16.0905 5.65454 15.6559C6.08913 15.2214 6.33328 14.6319 6.33328 14.0173C6.33328 13.4027 6.08913 12.8133 5.65454 12.3787C5.21996 11.9442 4.63054 11.7 4.01594 11.7C3.40135 11.7 2.81192 11.9442 2.37734 12.3787C1.94276 12.8133 1.69861 13.4027 1.69861 14.0173ZM11.6666 12.002C11.6666 12.6208 11.9124 13.2143 12.35 13.6519C12.7876 14.0895 13.3811 14.3353 13.9999 14.3353C14.6188 14.3353 15.2123 14.0895 15.6499 13.6519C16.0874 13.2143 16.3333 12.6208 16.3333 12.002C16.3333 11.3832 16.0874 10.7897 15.6499 10.3521C15.2123 9.91451 14.6188 9.66868 13.9999 9.66868C13.3811 9.66868 12.7876 9.91451 12.35 10.3521C11.9124 10.7897 11.6666 11.3832 11.6666 12.002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
