rowanpaulflynn.dev
A personal media tracker built on the AT Protocol
opnshelf.xyz
1import { Loader2 } from "lucide-react";
2import { cn } from "@/lib/utils";
3
4interface AuthLoadingStateProps {
5 className?: string;
6}
7
8export function AuthLoadingState({ className }: AuthLoadingStateProps) {
9 return (
10 <div
11 className={cn(
12 "mx-auto flex min-h-[40vh] w-full items-center justify-center px-4 py-10",
13 className,
14 )}
15 >
16 <output
17 aria-live="polite"
18 className="flex items-center justify-center"
19 style={{ color: "var(--md-sys-color-primary)" }}
20 >
21 <Loader2 className="h-8 w-8 animate-spin" />
22 <span className="sr-only">Checking account status</span>
23 </output>
24 </div>
25 );
26}