import { TeamsManager } from "@/components/admin/teams/teams-manager"
import { AppShell } from "@/components/app-shell"
import { SiteHeader } from "@/components/site-header"

export const dynamic = "force-dynamic"

export default function AdminTeamsPage() {
  return (
    <AppShell
      header={
        <SiteHeader
          title="Times e agentes"
          lead="Estruture squads, capítulos e equipes responsáveis pelos tickets antes de associar filas e SLAs."
        />
      }
    >
      <div className="mx-auto w-full max-w-6xl px-6 lg:px-8">
        <TeamsManager />
      </div>
    </AppShell>
  )
}
