//src\components\LateStartReportGen\LateStartReportGenWrapper.tsx
import { fetchProjectsProjectCompletion } from "@/app/api/report5";
import React from "react";
import ProjectCompletionReportGen from "./ProjectCompletionReportGen";
import ProjectCompletionReportGenLoading from "./ProjectCompletionReportGenLoading";

interface SubComponents {
  Loading: typeof ProjectCompletionReportGenLoading;
}

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

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

ProjectCompletionReportGenWrapper.Loading = ProjectCompletionReportGenLoading;

export default ProjectCompletionReportGenWrapper;