"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 TicketsVisitsPageClient() {
  return (
    <AppShell
      header={
        <SiteHeader
          title="Visitas"
          lead="Chamados agendados para visitas in loco. Pesquise ou filtre por empresa, responsável e status."
        />
      }
    >
      <div className="flex flex-col gap-6">
        <TicketsView initialFilters={{ focusVisits: true }} />
      </div>
    </AppShell>
  )
}