import { Icon, type IconProps } from '../../components/Icon.tsx'

export interface MusicNoteSimpleIconProps extends IconProps {
  variant?: 'regular' | 'thin' | 'fill'
}

export function MusicNoteSimpleIcon({ variant = 'regular', ...props }: MusicNoteSimpleIconProps) {
  const src = (() => {
    switch (variant) {
      default:
      case 'regular':
        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m210.3 56.34-80-24A8 8 0 0 0 120 40v108.26A48 48 0 1 0 136 184V50.75l69.7 20.91a8 8 0 1 0 4.6-15.32M88 216a32 32 0 1 1 32-32 32 32 0 0 1-32 32" /></svg>
      case 'thin':
        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m209.15 60.17-80-24A4 4 0 0 0 124 40v118.75a44 44 0 1 0 8 25.25V45.38l74.85 22.45a4 4 0 0 0 2.3-7.66M88 220a36 36 0 1 1 36-36 36 36 0 0 1-36 36" /></svg>
      case 'fill':
        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m210.3 56.34-80-24A8 8 0 0 0 120 40v108.26A48 48 0 1 0 136 184V50.75l69.7 20.91a8 8 0 1 0 4.6-15.32" /></svg>
    }
  })()

  return <Icon src={src} data-name="MusicNoteSimple" {...props} />
}
