{% macro previous_next_navigation(previous_page, next_page) %}
  {% if previous_page or next_page %}
    <nav class="govuk-previous-and-next-navigation" role="navigation" aria-label="Pagination">
      <ul class="group">
        {% if previous_page %}
          <li class="previous-page">
            <a class="usa-link" href="{{previous_page['url']}}" rel="previous" >
              <span class="pagination-part-title">
                <svg class="pagination-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
                  <path fill="currentColor" d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"/>
                </svg>
                {{previous_page['title']}}
              </span>
              <span class="pagination-label">{{previous_page['label']}}</span>
            </a>
          </li>
        {% endif %}
        {% if next_page %}
          <li class="next-page">
            <a class="usa-link" href="{{next_page['url']}}" rel="next">
              <span class="pagination-part-title">
                {{next_page['title']}}
                <svg class="pagination-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
                  <path fill="currentColor" d="m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"/>
                </svg>
              </span>
              <span class="pagination-label">{{next_page['label']}}</span>
            </a>
          </li>
        {% endif %}
      </ul>
    </nav>
  {% endif %}
{% endmacro %}