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

export function MainLayout() {
    return (
        <div className="flex flex-col md:flex-row h-screen bg-neutral-950 text-neutral-100 overflow-hidden font-sans">
            <Sidebar />
            
            <main className="flex-1 overflow-y-auto p-4 md:pl-0 h-full">
                <div id="main-content-area" className="h-full glass-panel overflow-y-auto relative no-scrollbar">
                    <Outlet />
                </div>
            </main>

            <MobileNav />
        </div>
    );
}
