<script>
    import ThemeContext from "$lib/ThemeContext.svelte";
    import Nav from "$lib/Nav.svelte";
</script>

<ThemeContext>
    <Nav />
    <slot></slot>
    <footer class="container"></footer>
</ThemeContext>

<style>
    footer {
        display: flex;
        justify-content: space-between;
        border-top: 2px solid var(--border);
        color: var(--text);
        margin-top: 30px;
        margin-bottom: 30px;
    }
</style>
