// 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 SvgMusicNoteTrebbleClef = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.33325 14.5873V15C3.33325 15.7364 3.93021 16.3333 4.66659 16.3333H6.33325C7.06965 16.3333 7.66659 15.7364 7.66659 15V2.99999C7.66659 2.26361 8.26352 1.66666 8.99992 1.66666H9.99992C10.7363 1.66666 11.3333 2.26361 11.3333 2.99999V3.90079C11.3333 4.449 10.9977 4.94134 10.4875 5.14179L4.17905 7.62009C3.66881 7.82052 3.33325 8.31286 3.33325 8.86112V11.5079C3.33325 12.2443 3.93021 12.8413 4.66659 12.8413H9.99992C10.7363 12.8413 11.3333 12.2443 11.3333 11.5079V9.34919"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
