<template>
  <!-- eslint-disable vue/no-v-html -->
  <div class="container-medium">
    <div class="lg:mt-8">
      <p class="text-large my-4">{{ value.description }}</p>
      <div class="resource-text" v-html="value.text"></div>
    </div>
  </div>
</template>

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

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

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