<script>
    import MainLayout from "../../Layout/MainLayout.svelte";
    import SidebarItem from "../../Layout/Sidebar/SidebarItem.svelte";
    import HeaderItem from "../../Layout/Header/HeaderItem.svelte";

    export let id = ""
</script>

<MainLayout>
    <svelte:fragment slot="header">
        <HeaderItem>Header!</HeaderItem>
    </svelte:fragment>
    <svelte:fragment slot="sidebar">
        <SidebarItem title="Sidebar Content">An Item</SidebarItem>
        <SidebarItem title="Sidebar Content 2">An Item 2</SidebarItem>
    </svelte:fragment>

    Hello from {id}.
</MainLayout>