import { FluksioLoader } from "@/components/ui/fluksio-loader"

/**
 * The router's pending screen, shown while a page's code chunk is on its way.
 *
 * Deliberately only the spinner. The shell around it is already painted — this
 * fills the content region alone — and the page behind it draws its own
 * skeletons once its code arrives, so a second guess at that layout here would
 * only be a shape to correct a moment later.
 */
export function PageLoading() {
  return (
    <div
      data-testid="page-loading"
      className="flex min-h-64 items-center justify-center"
    >
      <FluksioLoader className="size-6 text-muted-foreground" />
    </div>
  )
}