import { Suspense, type ReactNode } from "react";

function PageFallback() {
  return (
    <div className="flex min-h-dvh items-center justify-center bg-[#0d1117]">
      <span className="text-sm text-white/40">Loading…</span>
    </div>
  );
}

export default function PageSuspense({ children }: { children: ReactNode }) {
  return <Suspense fallback={<PageFallback />}>{children}</Suspense>;
}