<script>
import DarkModeToggle from 'svelte-dark-mode-toggle@0.0.6'
let darkMode = false
</script>
<main class="{darkMode ? 'dark-mode' : 'light-mode'}">
<DarkModeToggle
{darkMode}
size='100'
on:click={() => darkMode = !darkMode}/>
</main>
<style>
main {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.light-mode {
background-color: #FFFFFF;
}
.dark-mode {
background-color: #000000;
}
</style>