{% set DEFAULT_POPOVER_SETTINGS = {
  className: '',
  elementTrigger: '',
  position: '',
  title: '',
  text: 'Channels are chat rooms created by people in your Moja team. You’ve been added to some channels already.
  Channels can be public or private, and you can join any public channel in the MOJA-UI product'
} %}

{% macro Popover(settings = {}) %}
  {% set settings = merge(DEFAULT_POPOVER_SETTINGS, settings) %}
  {% set directive = 'x-popover.' + settings.position if settings.position else 'x-popover' %}

  <div class="popover {{ settings.className }}"

    {{ Helpers.setAttr(directive, settings.elementTrigger) }}>
    {% if settings.title %}
      <h4 class="popover__title">{{ settings.title }}</h4>
    {% endif %}

    {% if settings.text %}
      <p class="popover__text">{{ settings.text }}</p>
    {% endif %}

    {% if caller %}
      <div class="popover__panel-actions">
        {{ caller() }}
      </div>
    {% endif %}
  </div>
{% endmacro %}