<script lang="ts">
    import Navbar, { type Page } from "../Navbar.svelte";
    import "../app.css";

    let pages: Array<Page> = [
        { target: "/", name: "Home" },
        { target: "/users", name: "Users" },
        { target: "/events", name: "Events" },
    ];
</script>

<style lang="scss">
    .page {
        margin: 0em;
        padding: 3em;
    }
</style>

<Navbar {pages} />

<div class="page bg-slate-900">
    <slot></slot>
</div>
