<template>
  <div class="container-medium">
    <div class="mt-4 lg:mt-12">
      <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>
