<script>
import {checkboxNames, stores, progressStore} from './stores.js';
import Checkbox from './checkbox.svelte';
import Progress from './progress.svelte';
</script>
<style>
div {
display: flex;
flex-direction: column;
}
</style>
<div class="">
{#each checkboxNames as checkboxName, i}
<Checkbox store={stores[i]} {checkboxName}/>
{/each}
<Progress {progressStore}/>
</div>