import { Outlet } from 'react-router-dom';
import TopBar from './TopBar';
import MobileNav from './MobileNav';

export default function AppShell() {
  return (
    <div className="min-h-screen text-gray-100">
      <div className="app-horizon" aria-hidden="true">
        <div className="app-horizon-rim" />
        <div className="app-horizon-planet" />
      </div>
      <TopBar />
      <MobileNav />
      <main className="mx-auto w-full max-w-[1200px] p-4 animate-fade-in lg:px-8 lg:py-7">
        <Outlet />
      </main>
    </div>
  );
}
