import { Suspense } from "react";

import { TooltipProvider } from "@/components/ui/tooltip";

export default function AdminLayout({ children }: LayoutProps<"/admin">) {
  return (
    <TooltipProvider>
      <Suspense
        fallback={
          <main className="mx-auto flex min-h-svh w-full max-w-7xl items-start p-4 sm:p-6 lg:p-8">
            <p role="status" className="text-sm text-muted-foreground">กำลังโหลด…</p>
          </main>
        }
      >
        {children}
      </Suspense>
    </TooltipProvider>
  );
}