1
import { Outlet } from "@tanstack/react-router";
2
 
3
import { Footer } from "@/client/components/footer";
4
import { Header } from "@/client/components/header";
5
import { SkipLink } from "@/client/components/skip-link";
6
 
7
export function AppShell() {
8
  return (
9
    <div className="relative z-10 flex min-h-screen flex-col">
10
      <SkipLink />
11
      <Header />
12
      <main id="main-content" className="flex-1">
13
        <div className="mx-auto max-w-7xl px-4 py-8 sm:px-6">
14
          <Outlet />
15
        </div>
16
      </main>
17
      <Footer />
18
    </div>
19
  );
20
}