component Sidebar {
  props {
    @event toggle = function
    @event open = function
    @event close = function
    size = "default"
    color = "primary"
    label = "Sidebar"
    items = []
    active = ""
    orientation = "horizontal"
    class = ""
  }
  view {
    <nav class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--sidebar wire-next--{orientation} {class}" aria-label="{label}">
      {#each items as item}<a href="{item.href}" aria-current="{item.value === active ? 'page' : ''}">{item.label}</a>{/each}
      <slot />
    </nav>
  }
}