'use client';

import { AdminSidebar } from './AdminSidebar';
import { AdminHeader } from './AdminHeader';

interface AdminLayoutProps {
  children: React.ReactNode;
}

export function AdminLayout({ children }: AdminLayoutProps) {
  return (
    <div className="h-screen bg-background flex flex-col overflow-hidden">
      {/* Fixed Top Header */}
      <AdminHeader />

      {/* Main Content Area */}
      <div className="flex-1 flex overflow-hidden">
        {/* Fixed Left Sidebar */}
        <AdminSidebar />

        {/* Scrollable Right Content */}
        <main className="flex-1 overflow-auto p-6">
          {children}
        </main>
      </div>
    </div>
  );
}

export default AdminLayout;
