<nav class="pagination" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-disabled" tabindex="-1" aria-label="Goto page 3">3</a>
<span class="pagination-disabled" tabindex="-1">…</span>
<a href="#" class="pagination-link pagination-active" aria-label="Page 5" aria-current="page">5</a>
<a href="#" class="pagination-link" aria-label="Goto page 6">6</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
<div class="space-y-2">
<nav class="pagination pagination-sm" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-link" aria-label="Goto page 3">3</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
<nav class="pagination" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-link" aria-label="Goto page 3">3</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
<nav class="pagination pagination-lg" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-link" aria-label="Goto page 3">3</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
</div>
<div class="space-y-2">
<nav class="pagination" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-link" aria-label="Goto page 3">3</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
<nav class="pagination justify-center" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-link" aria-label="Goto page 3">3</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
<nav class="pagination justify-end" role="navigation" aria-label="pagination">
<a href="#" class="pagination-link" aria-label="Goto previous page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg></a>
<a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
<a href="#" class="pagination-link" aria-label="Goto page 2">2</a>
<a href="#" class="pagination-link" aria-label="Goto page 3">3</a>
<a href="#" class="pagination-link" aria-label="Goto next page"><svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></i></a>
</nav>
</div>