component Popover {
  props {
    @event open = function
    @event close = function
    size = "default"
    color = "primary"
    title = "Popover"
    description = ""
    open = false
    placement = "bottom"
    closeLabel = "Close"
    class = ""
  }
  view {
    <div data-show="{open}" class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--popover wire-next--placement-{placement} {class}" role="region" aria-modal="false" aria-label="{title}">
      <header><strong>{title}</strong><button type="button" aria-label="{closeLabel}">×</button></header>
      {#if description}<p>{description}</p>{/if}
      <slot />
    </div>
  }
}