import { Outlet } from "react-router-dom";
import { Header } from "./Header";
import { Footer } from "./Footer";
import { AnalyticsConsentProvider } from "../../core/privacy/AnalyticsConsent";

export function AppShell() {
  return (
    <AnalyticsConsentProvider>
      <div className="relative flex min-h-screen w-full flex-col bg-[var(--p-bg)] text-[var(--p-text)] font-sans bg-[image:var(--p-paper-noise)] bg-[size:180px_180px]">
        <Header />
        <main className="flex-1 px-6 py-8 md:px-14 md:py-9">
          <Outlet />
        </main>
        <Footer />
      </div>
    </AnalyticsConsentProvider>
  );
}
