// import { fetchCompanyCategories, fetchCompanys } from "@/app/api/companys";
import React from "react";
import CompanySearch from "./CompanySearch";
import CompanySearchLoading from "./CompanySearchLoading";
import { fetchCompanys } from "@/app/api/companys";
import { fetchUserAbilities } from "@/app/utils/fetchUtil";

interface SubComponents {
  Loading: typeof CompanySearchLoading;
}

const CompanySearchWrapper: React.FC & SubComponents = async () => {
  // const Companys = await fetchCompanys();
  const [Companys, abilities] = await Promise.all([fetchCompanys(), fetchUserAbilities()]);

  return <CompanySearch companys={Companys} abilities={abilities}/>;
};

CompanySearchWrapper.Loading = CompanySearchLoading;

export default CompanySearchWrapper;
