component Map {
  props {
    @event ready = function
    @event move = function
    @event zoom = function
    @event markerClick = function
    size = "default"
    color = "primary"
    title = "Map"
    description = ""
    items = []
    variant = "default"
    class = ""
  }
  view {
    <section class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--map wire-next--variant-{variant} {class}">
      {#if title}<strong>{title}</strong>{/if}
      {#if description}<p>{description}</p>{/if}
      {#if items}<div class="wire-next__items">{#each items as item}<span>{item.label}</span>{/each}</div>{/if}
      <slot />
    </section>
  }
}