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

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

<div class="m-pagination">
  <button
    type="button"
    class="m-pagination__prev is-disabled"
    aria-label="Vorige pagina"
  >
    <span class="sr-only">Vorige pagina</span>
  </button>

  <ul class="m-pagination__list">
    {% for i in range(1, 4) %}

      <li class="m-pagination__item {{'is-active' if loop.first}}">
        <a class="m-pagination__link" href="">{{i}}</a>
      </li>

    {% endfor %}
  </ul>

  <button
    type="button"
    class="m-pagination__next"
    aria-label="Volgende pagina"
  >
    <span class="sr-only">Volgende pagina</span>
  </button>
</div>

{% endmacro %}