/*
 * "Hopping bars" equalizer indicator (YTM-style) shown next to the currently
 * playing track. `animate` controls whether the bars bounce (playback active)
 * or sit frozen at full height (paused). Reusable across track lists.
 */
interface Props {
  animate?: boolean;
  className?: string;
}

export function PlayingIndicator({ animate = true, className }: Props) {
  return (
    <span
      className={`playing-bars${animate ? '' : ' paused'}${className ? ` ${className}` : ''}`}
      aria-hidden="true"
    >
      <span />
      <span />
      <span />
    </span>
  );
}