<script lang="ts">
    import { Link, Route, useParams } from "svelte-navigator";
    import Events from "./Events.svelte";
    import Viewer from "./Viewer.svelte";

    const uuids = ["8b9faf9f-9470-4a50-b405-0af5f0152550"];
</script>

<section class="section">
    <div class="container">
        <Route path="/">
            <p>Yo wassup</p>
            <ul>
                {#each uuids as id}
                    <li><Link to="./{id}">{id}</Link></li>
                {/each}
            </ul>
            <p>eventeroni</p>
            <Events />
        </Route>

        <Route path=":id" let:params>
            <h1 class="title">ASSUMING DIRECT CONTROL</h1>
            <Viewer uuid={params.id} />
            <Link to="..">fuck go back</Link>
        </Route>
    </div>
</section>
