<script>
    import Header from "./Header.svelte";
    import Navbar from "./Navbar.svelte";
    let { body, channel, user } = $props();
</script>

<Header {channel} {user}></Header>
<main>
    <aside class="sidebar-content">
        <Navbar {channel}></Navbar>
    </aside>
    <div class="main-content">
        {@render body()}
    </div>
</main>
