{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, content, data) %}
  <button class="a-button" data-popup-trigger="popup">
    <span class="a-button__text">Trigger</span>
  </button>

  <button class="a-button" data-popup-trigger="popup">
    <span class="a-button__text">Trigger</span>
  </button>

  <div class="m-popup js-m-popup {{classes}}" id="popup" data-popup-name="popup" data-hubspot-form-id="4567d2a4-1e55-407a-b9cf-1c333293f1b5">
    <div class="m-popup__close-container">
      <button class="icon-cross m-popup__close" data-popup-close="popup"></button>
    </div>

    <div class="m-popup__content">
      {% if data.title %}
        <h2 class="m-popup__title">{{data.title}}</h2>
      {% endif %}

      {% if data.text %}
        <p class="m-popup__text">{{data.text}}</p>
      {% endif %}

      {{content | safe}}
    </div>
  </div>

{% endmacro %}