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

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

interface Value {
  url: string;
}

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