<script>
 import '../reveil.scss'
 import "bootstrap-icons/font/bootstrap-icons.css";

 import {
     //Styles,
 } from '@sveltestrap/sveltestrap';

 import Header from '$lib/components/Header.svelte';
 import Toaster from '$lib/components/Toaster.svelte';
 import { ToastsStore } from '$lib/stores/toasts';

 window.onunhandledrejection = (e) => {
     ToastsStore.addErrorToast({
         message: e.reason,
         timeout: 7500,
     })
 }
</script>

<svelte:head>
    <title>Réveil</title>
</svelte:head>

<!--Styles /-->

<Header
    class="d-none d-lg-flex py-2"
/>
<div class="flex-fill d-flex flex-column bg-light">
    <slot></slot>
    <div class="d-flex d-lg-none mt-3 mb-5"></div>
</div>
<Toaster />
<Header
    class="d-flex d-lg-none fixed-bottom"
/>

<style>
 :global(a.badge) {
     text-decoration: none;
 }
</style>
