Pagination

<nav class="rounded-list"><ol><li> <a href="?page=1" aria-label="Go to page 1">
        <span> 1 </span> </a> </li><li> <a href="?page=2"
        aria-label="Go to page 2"> <span> 2 </span> </a> </li><li> <a
        href="?page=3" aria-label="Page 3, current page"> <span> 3 </span> </a>
    </li><li> <a href="?page=4" aria-label="Go to page 4"> <span> 4 </span> </a>
    </li><li> <a href="?page=5" aria-label="Go to page 5"> <span> 5 </span> </a>
    </li><li> <a href="?page=6" aria-label="Go to page 6"> <span> 6 </span> </a>
    </li><li> <a href="?page=7" aria-label="Go to page 7"> <span> 7 </span> </a>
    </li><li> <a href="?page=8" aria-label="Go to page 8"> <span> 8 </span> </a>
    </li><li> <a href="?page=9" aria-label="Go to page 9"> <span> 9 </span> </a>
    </li><li> <a href="?page=10" aria-label="Go to page 10"> <span> 10 </span>
      </a> </li></ol></nav>

<Pagination currentPage={3} numberPages={10} />

<nav class="rounded-list"><ol><li> <button class="reverse" type="button"
        aria-label="Go to page 1"> 1 </button> </li><li> <button class="reverse"
        type="button" aria-label="Go to page 2"> 2 </button> </li><li> <button
        class="reverse" type="button" disabled aria-disabled="true"
        aria-label="Page 3, current page"> 3 </button> </li><li> <button
        class="reverse" type="button" aria-label="Go to page 4"> 4 </button>
    </li><li> <button class="reverse" type="button" aria-label="Go to page 5"> 5
      </button> </li><li> <button class="reverse" type="button"
        aria-label="Go to page 6"> 6 </button> </li><li> <button class="reverse"
        type="button" aria-label="Go to page 7"> 7 </button> </li><li> <button
        class="reverse" type="button" aria-label="Go to page 8"> 8 </button>
    </li><li> <button class="reverse" type="button" aria-label="Go to page 9"> 9
      </button> </li><li> <button class="reverse" type="button"
        aria-label="Go to page 10"> 10 </button> </li></ol></nav>

<Pagination currentPage={3} numberPages={10}  asItem='button' />