<script>
    const props = $props();
</script>

<style>
    h2 {
        margin-bottom: 8px;
    }

    nav {
        margin-bottom: 1rem;
    }
</style>

<h2>panel kontrolny</h2>
<nav>
    <a href="/dashboard">linki</a> ⋅
    <a href="/dashboard/create">stwórz link</a> ⋅
    <a href="/api/logout">wyloguj się</a> <br />
    zalogowano jako {props.data.lokator}
</nav>

<main>
    {@render props.children()}
</main>