import { QueueDetailTable } from '@/components/admin/queue-detail-table';

interface QueueDetailPageProps {
  params: Promise<{ portSlug: string; queueName: string }>;
}

export default async function QueueDetailPage({ params }: QueueDetailPageProps) {
  const { queueName } = await params;

  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-2xl font-bold text-foreground capitalize">{queueName} Queue</h1>
        <p className="text-muted-foreground">Inspect and manage jobs in the {queueName} queue</p>
      </div>
      <QueueDetailTable queueName={queueName} />
    </div>
  );
}
