import { AppShell } from "@/components/app-shell"
import { SiteHeader } from "@/components/site-header"
import { PlayNextTicketCard } from "@/components/tickets/play-next-ticket-card"
import { TicketQueueSummaryCards } from "@/components/tickets/ticket-queue-summary"

export default function PlayPage() {
  return (
    <AppShell
      header={
        <SiteHeader
          title="Modo play"
          lead="Distribua tickets automaticamente conforme prioridade"
          secondaryAction={<SiteHeader.SecondaryButton>Pausar notificacoes</SiteHeader.SecondaryButton>}
          primaryAction={<SiteHeader.PrimaryButton>Iniciar sessao</SiteHeader.PrimaryButton>}
        />
      }
    >
      <div className="flex flex-col gap-6 px-4 lg:px-6">
        <PlayNextTicketCard />
        <TicketQueueSummaryCards />
      </div>
    </AppShell>
  )
}