{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

  <div class="m-tooltip js-tooltip {{classes}}">
    <button
      type="button"
      class="m-tooltip__icon {{data.icon or 'icon-info'}}"
      aria-label="{{data.a11yLabel or 'Show more information'}}"
      aria-expanded="false"
    ></button>

    <div class="m-tooltip__content" role="tooltip" aria-hidden="true">
      <p class="m-tooltip__text">
        {{data.text}}
      </p>
    </div>
  </div>

{% endmacro %}