{% if pagination %}
	<div class="archive-pagination pb-6">
        <div class="flex items-center justify-center my-12">
            <nav aria-label="Page navigation">
              <ul class="flex items-center justify-center gap-1">
                {% for nav in pagination %}
                    {% if nav.class == "current" %}
                        <li>
                            <a href="{{nav.link}}" aria-current="page" class="px-2 flex items-center justify-center text-primary border-2 border-primary rounded">{{nav.text|raw}}</a>
                        </li>
                    {% else %}
                        <li>
                            <a href="{{nav.link}}" class="px-2 flex items-center justify-center text-neutral-700 rounded hover:bg-neutral-100">{{nav.text|raw}}</a>
                        </li>
                    {% endif %}
                {% endfor %}
              </ul>
            </nav>
        </div>
	</div>
{% endif %}
