<Beer />
<Hst.Story>
	<Battle {status} />

	<svelte:fragment slot="controls">
		<Hst.Select
			bind:value={status}
			title="status"
			options={Object.fromEntries(statuses.map((s) => [s, s]))}
		/>
		<Hst.Number bind:value={wave} title="wave" />
	</svelte:fragment>
</Hst.Story>

<script>
	/** @type any */
	export let Hst;
	import Beer from './Beer.svelte';
	import Battle from './Battle.svelte';

	let status = 'upcoming';
	let wave = '1';

	let statuses = ['upcoming', 'prep', 'ongoing', 'won', 'lost'];
</script>
