1import { Outlet } from 'react-router-dom'
 2import { Header } from './Header'
 3
 4// Top-level page wrapper used as the root layout in App.tsx. Renders the
 5// Header above the current route's page component via <Outlet>.
 6export function Shell() {
 7  return (
 8    <div className="min-h-screen bg-background font-sans antialiased">
 9      <Header />
10      <main className="mx-auto max-w-screen-xl px-4 py-6">
11        <Outlet />
12      </main>
13    </div>
14  )
15}