<script>
  import Sidebar from "$/client/components/Sidebar.svelte";


  export let menu = [
    {title: "Calendar", active: false, icon: "calendar"},
    {title: "Cards", active: false, icon: "credit-card"},
    {title: "Countdown", active: false, icon: "clock"},
    {title: "Darkmode", active: false, icon: "sunrise"},
    {title: "Form", active: false, icon: "database"},
    {title: "Video", active: false, icon: "video"},
    {title: "Sidebar", active: false, icon: "sidebar"},
  ];
</script>

<main>
  <Sidebar menu={ menu }>
    <div slot="top">
      <h1>Header</h1>
    </div>

    <div slot="bottom">
      <h3>Footer</h3>
    </div>
  </Sidebar>
</main>
