//src\components\LateStartReportGen\LateStartReportGenWrapper.tsx
import { fetchProjectsCostandExpense } from "@/app/api/report4";
import React from "react";
import CostandExpenseReportGen from "./CostandExpenseReportGen";
import CostandExpenseReportGenLoading from "./CostandExpenseReportGenLoading";

interface SubComponents {
  Loading: typeof CostandExpenseReportGenLoading;
}

const CostandExpenseReportGenWrapper: React.FC & SubComponents = async () => {
  const clentprojects = await fetchProjectsCostandExpense();

  return <CostandExpenseReportGen projects={clentprojects} />;
};

CostandExpenseReportGenWrapper.Loading = CostandExpenseReportGenLoading;

export default CostandExpenseReportGenWrapper;