<script lang="ts">
	import {onMount} from 'svelte'
    import {GetModpacks} from '../wailsjs/go/main/ModpackManager.js'
    import { main } from '../wailsjs/go/models';
    let modpacks: main.Modpack[] = []
    let pack: main.Modpack

    onMount(() => {
        GetModpacks().then((result) => {
            modpacks = result
        })
    })

</script>

<main>
    <select id="pack" bind:value={pack} name="pack">Select a Modpack: 
        {#each modpacks as pack}
            <option value={pack}>{pack.Name}</option>
        {/each}
    </select>
</main>