import React from "react";
import SkillSearch from "./SkillSearch";
import SkillSearchLoading from "./SkillSearchLoading";
import { comboProp, fetchCompanyCombo } from "@/app/api/companys/actions";
import { fetchTeamCombo } from "@/app/api/team/actions";
import { fetchDepartmentCombo } from "@/app/api/departments/actions";
import { fetchPositionCombo } from "@/app/api/positions/actions";
import { fetchGradeCombo } from "@/app/api/grades/actions";
import { fetchSkillCombo } from "@/app/api/skill/actions";
import { fetchSalaryCombo } from "@/app/api/salarys/actions";
import { SkillResult, fetchSkill } from "@/app/api/skill";
// import { preloadStaff } from "@/app/api/staff";

interface SubComponents {
  Loading: typeof SkillSearchLoading;
}

const SkillSearchWrapper: React.FC & SubComponents = async () => {
  const skill = await fetchSkill()

  return <SkillSearch skill={skill} />;
};

SkillSearchWrapper.Loading = SkillSearchLoading;

export default SkillSearchWrapper;
