"use client";
import { progress } from "@/lib/loading-controller";
import { useEffect, useState } from "react";

export default function Page() {
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    progress.subscribe(setLoading);
  }, []);

  if (!loading) return null;
  return (
    <div className="fixed inset-0 flex items-center justify-center bg-black/50 z-50">
      <div className="h-16 w-16 animate-spin rounded-full border-4 border-t-transparent border-primary" />
    </div>
  );
}