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

export const metadata = {
  title: "Support Tickets - Staff Dashboard",
  description: "Manage customer support tickets and inquiries",
};

export default async function SupportPage() {
  // All staff can view tickets, only ADMIN and SUPER_ADMIN can manage
  const user = await requireStaffAuth();

  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-3xl font-bold text-brand-ink">Support Tickets</h1>
        <p className="text-gray-600 mt-1">
          Manage customer support tickets and inquiries
        </p>
      </div>

      <SupportTicketsDashboard user={user} />
    </div>
  );
}
