Untitled Page

// Composes the fixed sidebar, top bar, and routed page content.
import { Outlet } from 'react-router-dom';
import Sidebar from './Sidebar';
import Topbar from './Topbar';
import { colors } from './theme';

function Layout({ shared }) {
  return (
    <div style={{ minHeight: '100vh', background: colors.page, color: colors.text, fontFamily: 'Inter, system-ui, sans-serif' }}>
      <Sidebar />
      <div style={{ marginLeft: 240, minHeight: '100vh' }}><Topbar /><main style={{ padding: 32 }}><Outlet context={shared} /></main></div>
    </div>
  );
}
export default Layout;