import { CategoriesManager } from "@/components/admin/categories/categories-manager"
import { FieldsManager } from "@/components/admin/fields/fields-manager"
import { AppShell } from "@/components/app-shell"
import { SiteHeader } from "@/components/site-header"

export const dynamic = "force-dynamic"

export default function AdminFieldsPage() {
  return (
    <AppShell
      header={
        <SiteHeader
          title="Categorias e campos personalizados"
          lead="Administre as categorias primárias/secundárias e os campos adicionais aplicados aos tickets."
        />
      }
    >
      <div className="mx-auto w-full max-w-6xl space-y-8 px-6 lg:px-8">
        <CategoriesManager />
        <FieldsManager />
      </div>
    </AppShell>
  )
}
