Spaces:

shreyask
/

ace-step-webgpu

Running

ace-step-webgpu / _source /src /components /PulseBars.jsx

Initial deploy: built app at root + source under _source/

24b9788 verified 7 months ago

523 Bytes

// 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>
  );
}

	// 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>
	);
	}