<template>
  <LearningContentSimpleLayout :title="content.title" learning-content-type="video">
    <div class="container-medium">
      <iframe
        class="mt-8 aspect-video w-full"
        :src="value.url"
        :title="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 { LearningContent } from "@/types";

export interface Value {
  url: string;
}

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