<template>
  <div class="container-medium">
    <div class="mt-4 lg:mt-12">
      <h1>{{ content.title }}</h1>

      <p class="text-large my-4 lg:my-8">{{ value.description }}</p>
      <router-link :to="`${value.url}?back=${route.path}`" class="button btn-primary">
        Mediathek öffnen
      </router-link>
    </div>
  </div>
</template>

<script setup lang="ts">
import type { LearningContent } from "@/types";
import { useRoute } from "vue-router";

const route = useRoute();

interface Value {
  description: string;
  url: string;
}

defineProps<{
  value: Value;
  content: LearningContent;
}>();
</script>
