import { Outlet } from "react-router-dom";
import NotificationCenter from "./NotificationCenter";
import Sidebar from "./Sidebar";

export default function AppLayout() {
  return (
    <div className="flex h-screen">
      <Sidebar />
      <main className="flex-1 overflow-y-auto bg-gray-50">
        <header className="sticky top-0 z-10 border-b border-gray-200 bg-gray-50/95 px-6 py-3 backdrop-blur">
          <div className="flex justify-end">
            <NotificationCenter />
          </div>
        </header>
        <Outlet />
      </main>
    </div>
  );
}