import AuthGuard from "@/components/guards/AuthGuard";
import { SidebarProvider } from "@/components/ui/sidebar";
import ServerSidebar from "@/components/layout/ServerSidebar";
import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";

export default function EmployeeLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <SidebarProvider>
      <ServerSidebar />
      <div className="flex flex-1 flex-col min-w-0 min-h-screen bg-background text-foreground">
        <Header />
        <main className="flex-1 overflow-y-auto p-6">
          <div className="max-w-7xl mx-auto w-full">
            <AuthGuard
              allowedRoles={[
                "ADMIN",
                "SUPER_ADMIN",
                "SUPERADMIN",
                "MANAGER",
                "EMPLOYEE",
                "CLIENT",
                "PARTNER",
              ]}
            >
              {children}
            </AuthGuard>
          </div>
        </main>
        <Footer />
      </div>
    </SidebarProvider>
  );
}