---
import UniversityClubs from "../../../../components/Clubs/UniversityClubs.jsx";
import CommonBreadCrumb from "../../../../components/common/CommonBreadCrumb.astro";
import Layout from "../../../../layouts/Layout.astro";
import {fetchDepartments} from "../../../../api/departments"
import { removeDash } from "../../../../lib/removeDash";
const { id } = Astro.params;

export async function getStaticPaths() {
  const departments = await fetchDepartments();
  return departments.data.map((dept: { slug: string; }) => ({
    params: { id: dept.slug },
  }));
}
---

<Layout>
  <CommonBreadCrumb title={removeDash(id)} />

  <UniversityClubs slug={id} departmentClub={true} client:load />
</Layout>