import React, { useState } from 'react';
import { Outlet } from 'react-router-dom';
import AppHeader from './AppHeader'; import Sidebar from './Sidebar'; import MobileNav from './MobileNav';
export default function Layout(){const [collapsed,setCollapsed]=useState(false);return <div className="min-h-screen bg-[#08080a] text-zinc-100"><div className="scan-grid fixed inset-0 opacity-30"/><AppHeader/><div className="fixed bottom-0 left-0 top-16 z-30 hidden lg:block"><Sidebar collapsed={collapsed} onToggleCollapse={()=>setCollapsed(c=>!c)}/></div><main className={`relative min-h-screen px-4 pb-24 pt-20 lg:px-8 lg:pb-8 ${collapsed ? 'lg:ml-16' : 'lg:ml-64'}`}><Outlet/></main><MobileNav/></div>}