23 lines
744 B
TypeScript
23 lines
744 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] font-sans text-slate-900 dark:bg-[#0B0F19] dark:text-slate-100">
|
|
{/* Sidebar */}
|
|
<Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />
|
|
|
|
{/* Main Content Area */}
|
|
<div className="flex min-w-0 flex-1 flex-col">
|
|
<Header onMenuClick={() => setSidebarOpen(true)} />
|
|
<main className="mx-auto w-full max-w-7xl flex-1 p-4 sm:p-6 lg:p-8">{children}</main>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|