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

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

<template>
  <LearningContentSimpleLayout
    :title="props.content.title"
    :learning-content="props.content"
  >
    <!-- eslint-disable vue/no-v-html -->
    <div class="container-medium">
      <p
        v-if="props.content.description"
        class="default-wagtail-rich-text my-4"
        v-html="props.content.description"
      ></p>

      <div
        v-if="props.content.text"
        class="default-wagtail-rich-text my-4"
        v-html="props.content.text"
      ></div>
    </div>
  </LearningContentSimpleLayout>
</template>
