Signal Bars Loader

import { LoaderSignalBars } from "@/components/ui/loader-signal-bars";

export default function LoaderSignalBarsDemo() {
  return (
    <div className="flex min-h-64 flex-wrap items-center justify-center gap-12 p-8">
      <div className="flex flex-col items-center gap-3">
        <LoaderSignalBars variant="equalizer" />
        <span className="text-xs text-muted-foreground">Equalizer</span>
      </div>
      <div className="flex flex-col items-center gap-3">
        <LoaderSignalBars variant="waveform" />
        <span className="text-xs text-muted-foreground">Waveform</span>
      </div>
      <div className="flex flex-col items-center gap-3">
        <LoaderSignalBars variant="heartbeat" />
        <span className="text-xs text-muted-foreground">Heartbeat</span>
      </div>
    </div>
  );
}