import { cn } from "@/lib/utils";

export function AudioVisualizer({
  bars = 24,
  className,
}: {
  bars?: number;
  className?: string;
}) {
  return (
    <div className={cn("audio-visualizer", className)} aria-hidden="true">
      {Array.from({ length: bars }, (_, index) => (
        <span
          key={index}
          style={{
            height: `${24 + ((index * 37) % 70)}%`,
            animationDelay: `${index * -0.07}s`,
          }}
        />
      ))}
    </div>
  );
}