component Modal {
  props {
    @event open = function
    @event close = function
    @event cancel = function
    @event confirm = function
    size = "default"
    color = "primary"
    title = "Modal"
    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--modal wire-next--placement-{placement} {class}" role="dialog" aria-modal="true" aria-label="{title}">
      <header><strong>{title}</strong><button type="button" aria-label="{closeLabel}">×</button></header>
      {#if description}<p>{description}</p>{/if}
      <slot />
    </div>
  }
}