---
import { translations, type Lang } from '@data/i18n';
const { lang = 'no' } = Astro.props as { lang?: Lang };
const t = translations[lang].vors;

const videoUrl = "https://www.youtube.com/watch?v=t7T4RPBpTVY";
---

<div class="self-center flex flex-col items-center p-4 gap-4">
    <p>
        {t.text}
    </p>
    <iframe 
        loading="lazy"
        class="max-w-full"
        width="640"
        height="480" 
        src={videoUrl.replace("watch?v=", "embed/")} 
        title="YouTube video player" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
        allowfullscreen>
    </iframe>
    
</div>