<template>
  <LearningContentSimpleLayout
    :title="props.content.title"
    :learning-content="props.content"
  >
    <div class="container-medium">
      <iframe
        class="mt-8 aspect-video w-full"
        :src="props.content.content_url"
        :title="props.content.title"
        frameborder="0"
        allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen
      ></iframe>
    </div>
  </LearningContentSimpleLayout>
</template>

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

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