<script lang="ts">
	import { mode, ModeWatcher } from 'mode-watcher'
	import { Toaster } from 'svelte-sonner'
	import Header from '$components/Header.svelte'
	import Router from '$router/Router.svelte'
</script>

<ModeWatcher defaultMode="dark" />
<Toaster theme={$mode} />

<template>
	<Header />
	<main class="flex-1">
		<Router />
	</main>
</template>
