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

export default function Layout() {
  return (
    <div className="layout">
      <TopBar />
      <Sidebar />
      <main className="page-content">
        <Outlet />
      </main>
      <BottomNav />
    </div>
  );
}