import { Footer } from "@/components/Footer";
import { Header } from "@/components/Header";
import { TopHeader } from "@/components/TopHeader";
import { getMegaMenuColumns } from "@/lib/api";
import type { ReactNode } from "react";

export async function SiteChrome({ children }: { children: ReactNode }) {
  const categories = await getMegaMenuColumns();

  return (
    <div className="flex min-h-full flex-col">
      <TopHeader />
      <Header categories={categories} />
      <main className="flex-1">{children}</main>
      <Footer />
    </div>
  );
}