import { requireStaffAuth } from "@/lib/staff-auth";
import DemoBookingsList from "@/components/staff/DemoBookingsList";

export const metadata = {
  title: "Demo Bookings - Staff Dashboard",
  description: "Manage demo booking requests",
};

export default async function DemoBookingsPage() {
  const user = await requireStaffAuth();

  return (
    <div className="space-y-6">
      {/* Page Header */}
      <div>
        <h1 className="text-3xl font-bold text-brand-ink">Demo Bookings</h1>
        <p className="text-gray-600 mt-1">
          Manage and track all demo appointment requests
        </p>
      </div>

      {/* Bookings List */}
      <DemoBookingsList user={user} />
    </div>
  );
}
