19 lines
614 B
TypeScript
19 lines
614 B
TypeScript
'use client';
|
||
|
||
interface Props {
|
||
page: number;
|
||
pages: number;
|
||
onPageChange: (page: number) => void;
|
||
}
|
||
|
||
export default function Pagination({ page, pages, onPageChange }: Props) {
|
||
if (pages <= 1) return null;
|
||
return (
|
||
<div className="nav-pagination">
|
||
<button disabled={page <= 1} onClick={() => onPageChange(page - 1)} className="nav-btn">← Назад</button>
|
||
<span className="px-4 py-2 text-sm text-gray-600">Стр. {page} из {pages}</span>
|
||
<button disabled={page >= pages} onClick={() => onPageChange(page + 1)} className="nav-btn">Вперёд →</button>
|
||
</div>
|
||
);
|
||
}
|