import { AppHeader } from "@/components/app-header";
import { TabBar } from "@/components/tab-bar";
import { requireUser } from "@/lib/auth";
import { PageShell } from "@/components/ui";

export const dynamic = "force-dynamic";

export default async function ProtectedLayout({
  children
}: {
  children: React.ReactNode;
}) {
  await requireUser();

  return (
    <>
      <PageShell>
        <AppHeader />
        {children}
      </PageShell>
      <TabBar />
    </>
  );
}