import { AlertTriangle } from 'lucide-react'
import { EscalationQueue } from '@/components/flowpilot'

export default function EscalationQueuePage() {
  return (
    <div className="mx-auto max-w-3xl p-6">
      <div className="flex items-center gap-3 mb-6">
        <span className="flex h-8 w-8 items-center justify-center rounded-lg bg-amber-500/10">
          <AlertTriangle size={16} className="text-amber-400" />
        </span>
        <div>
          <h1 className="font-heading text-xl font-bold text-foreground">Escalation Queue</h1>
          <p className="text-sm text-muted-foreground">Sessions from your team waiting for pickup</p>
        </div>
      </div>

      <EscalationQueue />
    </div>
  )
}