<script>
    import { getContext } from "svelte";

    export let schema;
    const channel = getContext("channel");
    const readableSchemas = getContext("readableSchemas");
</script>

<div class="sidebar-top">
    <a class="logo" href={channel.lucentUrl}>{channel.name}</a>
</div>
<div class="sidebar">
    {#each readableSchemas as aschema}
        <a
            class="sidebar-item"
            class:active={aschema.name === schema?.name}
            aria-current="page"
            href="{channel.lucentUrl}/content/{aschema.name}">{aschema.label}</a
        >
    {/each}
</div>
