import { fetchBackendPosReconciliationView } from "../_lib/pos-reconciliation-server-api"
import { PosReconciliationDetailPage } from "@/components/xml-apis/pos-reconciliation/pos-reconciliation-detail-page"

type PosReconciliationDetailRouteProps = {
  params: Promise<{ id: string }>
}

export default async function PosReconciliationDetailRoute({
  params,
}: PosReconciliationDetailRouteProps) {
  const { id } = await params
  const result = await fetchBackendPosReconciliationView(id)

  return (
    <PosReconciliationDetailPage
      initialDetail={result.detail}
      initialErrorMessage={result.errorMessage}
    />
  )
}