<template>
  <div>
    <DueDatesList
      :due-dates="allDueDates"
      :max-count="props.maxCount"
      :show-top-border="props.showTopBorder"
      show-all-due-dates-link
      show-bottom-border
      :show-course-session="false"
    ></DueDatesList>
  </div>
</template>

<script lang="ts" setup>
import DueDatesList from "@/components/dueDates/DueDatesList.vue";
import { useCurrentCourseSession } from "@/composables";

const props = defineProps<{
  maxCount: number;
  showTopBorder: boolean;
}>();

const courseSession = useCurrentCourseSession();
const allDueDates = courseSession.value.due_dates;
</script>
