"use client";

import { Suspense } from "react";
import { useSearchParams } from "next/navigation";
import Layout from "@/Layout";
import CallCenterCustomerView from "@/views/CallCenterCustomerView";

function CustomerViewContent() {
  const searchParams = useSearchParams();
  const idcustomer = searchParams?.get("idcustomer");
  const initialCustomerId = idcustomer ? Number(idcustomer) : undefined;

  return (
    <Layout currentPageName="CallCenterCustomer">
      <CallCenterCustomerView initialCustomerId={initialCustomerId} />
    </Layout>
  );
}

export default function CallCenterCustomerPage() {
  return (
    <Suspense fallback={null}>
      <CustomerViewContent />
    </Suspense>
  );
}