import { ReactNode } from 'react'
import { useAuthStore } from '../../store/authStore'
import Header from './Header'
import Sidebar from './Sidebar'

export default function AppLayout({ children }: { children: ReactNode }) {
  const { username, logout } = useAuthStore()

  return (
    <div className="h-screen flex flex-col bg-gray-950 text-gray-100">
      <Header username={username} onLogout={logout} />
      <div className="flex-1 flex overflow-hidden">
        <Sidebar />
        <main className="flex-1 overflow-auto">{children}</main>
      </div>
    </div>
  )
}