Ring

import { Ring } from "@/components/ui/ring";

export default function RingDemo() {
  return (
    <div className="flex min-h-[320px] w-full flex-col items-center justify-center gap-10 bg-background text-foreground">
      <Ring className="size-10 text-primary" />

      <div className="flex items-center gap-6 text-muted-foreground">
        <Ring className="size-5" />
        <Ring className="size-8" />
        <Ring className="size-12" />
      </div>

      <div className="flex items-center gap-2 text-sm text-muted-foreground">
        <Ring className="size-4" />
        <span>Loading...</span>
      </div>
    </div>
  );
}