<script>
 import {
     Button,
     Col,
     Container,
     Icon,
     Row,
     Table,
 } from 'sveltestrap';

 import QANewItem from '$lib/components/QANewItem.svelte';

 export let data;
</script>

<Row class="mb-3">
    <div
        class="col-md-6"
        style="overflow-y: auto; max-height: 40vh;"
    >
        {@html data.exercice.statement.replace("$FILES$", "../files")}
    </div>
    <div
        class="col-md-6"
        style="overflow-y: auto; max-height: 40vh;"
    >
        {@html data.exercice.overview.replace("$FILES$", "../files")}
    </div>
</Row>

<QANewItem
    theme={data.theme}
    exercice={data.exercice}
/>
