<script setup lang="ts">
import LearningContentSimpleLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue";
import type { LearningContent } from "@/types";
import RichText from "@/components/ui/RichText.vue";

const props = defineProps<{
  content: LearningContent;
}>();
</script>

<template>
  <LearningContentSimpleLayout
    :title="props.content.title"
    :learning-content="props.content"
  >
    <div class="container-medium">
      <RichText
        v-if="props.content.description"
        class="my-4"
        :content="props.content.description"
      />
    </div>
  </LearningContentSimpleLayout>
</template>
