"use client"

import dynamic from "next/dynamic"

import { AppShell } from "@/components/app-shell"
import { SiteHeader } from "@/components/site-header"

const TicketsView = dynamic(
  () =>
    import("@/components/tickets/tickets-view").then((module) => ({
      default: module.TicketsView,
    })),
  { ssr: false }
)

export function TicketsResolvedPageClient() {
  return (
    <AppShell
      header={
        <SiteHeader
          title="Tickets resolvidos"
          lead="Histórico de atendimentos concluídos. Pesquise ou filtre por fila, empresa e canal."
        />
      }
    >
      <div className="flex flex-col gap-6">
        <TicketsView initialFilters={{ view: "completed" }} />
      </div>
    </AppShell>
  )
}
