// Animated placeholder — shown while generating. Matches ace-step-jam fake-waveform.
export default function PulseBars({ count = 60 }) {
  return (
    <div className="flex items-end gap-[2px] h-14 w-full select-none">
      {Array.from({ length: count }).map((_, i) => (
        <div
          key={i}
          className="flex-1 rounded-[2px] pulse-bar"
          style={{
            background: "var(--accent)",
            animationDelay: `${(i * 40) % 1200}ms`,
          }}
        />
      ))}
    </div>
  );
}
