Pagination

Navigasi halaman dengan pemadatan elipsis.

Basis: Presentasional. Halaman dirender dari props, bukan terhubung ke perutean — ini mockup, sehingga setiap kondisi paginasi dapat ditampilkan berdampingan.

src/components/ui/pagination.tsx

Rentang Pendek

Tujuh halaman atau kurang ditampilkan seluruhnya tanpa elipsis.

Rentang Panjang

Lebih dari tujuh halaman dipadatkan dengan elipsis, selalu menampilkan halaman pertama, terakhir, dan tetangga halaman aktif.

Props

Prop	Tipe	Bawaan	Keterangan
`page`	`number`	—	Halaman aktif, dimulai dari 1.
`totalPages`	`number`	—	Jumlah total halaman.