import React from "react";
import EditSkill from "./EditSkill";
import EditSkillLoading from "./EditSkillLoading";
import { fetchStaff, fetchTeamLeads } from "@/app/api/staff";
import { useSearchParams } from "next/navigation";
import { fetchSkill } from "@/app/api/skill";

interface SubComponents {
  Loading: typeof EditSkillLoading;
} 

const EditSkillWrapper: React.FC & SubComponents = async () => {
    const skills = await fetchSkill()
    console.log(skills)

  return <EditSkill skills={skills}/>;
};

EditSkillWrapper.Loading = EditSkillLoading;

export default EditSkillWrapper;