"use client";

import { Header } from "@/app/components/header";
import { Footer } from "@/app/components/footer";
import { AppProviders } from "@/app/providers";
import type { Category } from "@/lib/meshkee/types";

export function SiteShell({
  categories,
  children,
}: {
  categories: Category[];
  children: React.ReactNode;
}) {
  return (
    <AppProviders>
      <div className="site-shell">
        <Header categories={categories} />
        {children}
        <Footer />
      </div>
    </AppProviders>
  );
}