<script setup lang="ts">
import { PropType } from 'vue';

defineProps({
    lesson: {
        type: Object as PropType<any>,
        required: true,
    },
});
</script>

<template>
    <div class="rounded-xl bg-white p-8 shadow-sm dark:bg-gray-800">
        <div class="prose max-w-none prose-slate dark:prose-invert">
            <h1 class="mb-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-white">{{ lesson.title }}</h1>
            <div v-html="lesson.content"></div>
        </div>
    </div>
</template>
