25 lines
764 B
TypeScript
25 lines
764 B
TypeScript
'use client'
|
|
|
|
import { useState } from 'react'
|
|
import { Sidebar } from './Sidebar'
|
|
import { Header } from './Header'
|
|
|
|
export function AppLayout({ children }: { children: React.ReactNode }) {
|
|
const [sidebarOpen, setSidebarOpen] = useState(false)
|
|
|
|
return (
|
|
<div className="flex min-h-screen bg-[#F4F6FB] dark:bg-[#0B0F19] text-slate-900 dark:text-slate-100 font-sans">
|
|
{/* Sidebar */}
|
|
<Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />
|
|
|
|
{/* Main Content Area */}
|
|
<div className="flex-1 flex flex-col min-w-0">
|
|
<Header onMenuClick={() => setSidebarOpen(true)} />
|
|
<main className="flex-1 p-4 sm:p-6 lg:p-8 max-w-7xl w-full mx-auto">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|