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

interface SubComponents {
  Loading: typeof CreateSkillLoading;
} 

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

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

CreateSkillWrapper.Loading = CreateSkillLoading;

export default CreateSkillWrapper;
