<nav aria-label="Pagination (Page {{currentPage}} of {{pageCount}})">
    <ul class="eds-c-pagination">
        {{#if prev.previousExists}}
            <li class="eds-c-pagination__item eds-c-pagination__item--prev">
                <a href="{{prev.previousLink}}" rel="prev" class="eds-c-pagination__link"
                    {{#each prev.dataAttributes as |dataAttribute|}}
                        data-{{dataAttribute.name}}="{{dataAttribute.value}}"
                    {{/each}}
                >
                    <div class="eds-c-pagination__link-container">
                        <svg class="eds-c-pagination__icon" aria-hidden="true" focusable="false">
                            <use xlink:href="{{prev.previousIcon}}"></use>
                        </svg>
                        <span>Previous<span class="eds-c-pagination__visually-hidden"> page</span></span>
                    </div>
                </a>
            </li>
        {{/if}}
        {{#each pages as |page|}}
            {{#if page.active}}
                <li class="eds-c-pagination__item">
                    <a href="#" class="eds-c-pagination__link eds-c-pagination__link--active" 
                        aria-label="Page {{page.number}}"
                        aria-current="page"
                        {{#each page.dataAttributes as |dataAttribute|}}
                            data-{{dataAttribute.name}}="{{dataAttribute.value}}"
                        {{/each}}
                    >
                        {{page.number}}
                    </a>
                </li>
            {{else if page.ellipsis}}
                <li class="eds-c-pagination__item">&hellip;</li>
            {{else}}
                <li class="eds-c-pagination__item">
                    <a href="{{page.link}}" class="eds-c-pagination__link" aria-label="Page {{page.number}}"
                        {{#each page.dataAttributes as |dataAttribute|}}
                            data-{{dataAttribute.name}}="{{dataAttribute.value}}"
                        {{/each}}
                    >
                        {{page.number}}
                    </a>
                </li>
            {{/if}}
        {{/each}}
        {{#if next.nextExists}}
            <li class="eds-c-pagination__item eds-c-pagination__item--next">
                <a href="{{next.nextLink}}" rel="next" class="eds-c-pagination__link"
                    {{#each next.dataAttributes as |dataAttribute|}}
                        data-{{dataAttribute.name}}="{{dataAttribute.value}}"
                    {{/each}}
                >
                    <div class="eds-c-pagination__link-container">
                        <span>Next<span class="eds-c-pagination__visually-hidden"> page</span></span>
                        <svg class="eds-c-pagination__icon" aria-hidden="true" focusable="false">
                            <use xlink:href="{{next.nextIcon}}"></use>
                        </svg>
                    </div>
                </a>
            </li>
        {{/if}}
    </ul>
</nav>
