import { AppShell } from "@/components/app-shell"
import { ChartAreaInteractive } from "@/components/chart-area-interactive"
import { SectionCards } from "@/components/section-cards"
import { SiteHeader } from "@/components/site-header"
import { RecentTicketsPanel } from "@/components/tickets/recent-tickets-panel"

export default function Dashboard() {
  return (
    <AppShell
      header={
        <SiteHeader
          title="Central de operações"
          lead="Monitoramento em tempo real"
          secondaryAction={<SiteHeader.SecondaryButton>Abrir ticket</SiteHeader.SecondaryButton>}
          primaryAction={<SiteHeader.PrimaryButton>Modo play</SiteHeader.PrimaryButton>}
        />
      }
    >
      <SectionCards />
      <div className="grid gap-6 px-4 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] lg:px-6 lg:[&>*]:min-w-0">
        <ChartAreaInteractive />
        <RecentTicketsPanel />
      </div>
    </AppShell>
  )
}