"use client";

import StaffHeader from "@/components/staff/StaffHeader";
import type { StaffUser } from "@/lib/staff-session";

interface StaffDashboardLayoutClientProps {
  user: StaffUser;
  children: React.ReactNode;
}

export default function StaffDashboardLayoutClient({
  user,
  children,
}: StaffDashboardLayoutClientProps) {
  return (
    <div className="min-h-screen bg-gradient-to-br from-gray-50 via-slate-50/50 to-gray-100">
      {/* Top Header with Centered Navigation */}
      <StaffHeader user={user} />

      {/* Main Content (Full Width, No Sidebar) */}
      <main className="pt-20 px-4 md:px-6 lg:px-8 pb-12">
        <div className="max-w-[1600px] mx-auto">{children}</div>
      </main>
    </div>
  );
}