<script setup lang="ts">
import { getCockpitUrl } from "@/utils/utils";
import { useDashboardStore } from "@/stores/dashboard";

const dashboardStore = useDashboardStore();
</script>

<template>
  <div v-if="dashboardStore.currentDashboardConfig">
    <div class="mb-14">
      <div class="h-full bg-white p-6">
        <h3 class="mb-4">{{ dashboardStore.currentDashboardConfig.name }}</h3>
        <div>
          <router-link
            class="btn-blue"
            :to="getCockpitUrl(dashboardStore.currentDashboardConfig.slug)"
            :data-cy="`continue-course-${dashboardStore.currentDashboardConfig.id}`"
          >
            {{ $t("a.Cockpit anschauen") }}
          </router-link>
        </div>
      </div>
    </div>
  </div>
</template>
