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

<section class="flex flex-col gap-6 max-w-prose">
    <h2 class="text-2xl font-bold">{t.title}</h2>
    <ul class="flex flex-col gap-4">
        <li>
            <strong>{t.q1}</strong>
            <p set:html={t.a1}></p>
        </li>
        <li>
            <strong>{t.q2}</strong>
            <p>{t.a2}</p>
        </li>
        <li>
            <strong>{t.q3}</strong>
            <p>{t.a3}</p>
        </li>
        <li>
            <strong>{t.q4}</strong>
            <p>{t.a4}</p>
        </li>
        <li>
            <strong>{t.q5}</strong>
            <p>{t.a5}</p>
        </li>
    </ul>
</section>