<script lang="ts">
	import * as routes from "./routes";
	import ToastWrapper from "./components/Toast/ToastWrapper.svelte";
	import { route as currentRoute } from "./stores";
</script>

<main>
	{#if $currentRoute in routes}
		<svelte:component this={routes[$currentRoute]} />
	{/if}

	<ToastWrapper />
</main>

<style>
	main {
		height: 100%;
	}

	@media (min-width: 640px) {
		main {
			max-width: none;
		}
	}
</style>
