<script setup lang="ts">
import { useCurrentCourseSession } from "@/composables";

const currentCourseSession = useCurrentCourseSession();
</script>

<template>
  <div class="flex space-x-2 bg-sky-200 p-4">
    <it-icon-info class="it-icon h-6 w-6 text-sky-700" />
    <div>
      <div class="mb-4">
        {{
          $t(
            "a.Aktuell hast du noch keine Person als Lernbegleitung eingeladen. Lade jetzt jemanden ein."
          )
        }}
      </div>
      <router-link
        :to="{
          name: 'learningMentorManagement',
          params: { courseSlug: currentCourseSession.course.slug },
        }"
        class="btn-blue px-4 py-2 font-bold"
      >
        {{ $t("a.Lernbegleitung einladen") }}
      </router-link>
    </div>
  </div>
</template>
