"use client";
import dynamic from "next/dynamic";
import { FC, useId, useState } from "react";
import ClientInfoSkeleton from "../skeleton/client-info";
const ClientBasicView = dynamic(() => import("./basic-view"));
type props = {
  clientInfo: any;
  isLoading?: boolean
};
const ClientProfile: FC<props> = ({ clientInfo, isLoading = false }) => {
  return (
    <div className="h-full relative">
      <div className="overflow-hidden min-h-96 dark:text-gray-200">
        <div className="border-b">
          {isLoading ? (<ClientInfoSkeleton />) : (
            <ClientBasicView client={clientInfo?.client} routerInfo={clientInfo?.router_info} />
          )}
        </div>
      </div>
    </div>
  );
};

export default ClientProfile;