Pagination

import { Pagination } from '~/components/ui/pagination';

// 1. Cách dùng trực tiếp dạng flat props (tiện lợi, ngắn gọn):
<Pagination
  size="sm" // 'xs' | 'sm' | 'md' | 'lg' (mặc định 'md')
  page={currentPage}
  totalSize={totalRecords}
  sizePerPage={pageSize}
  sizePerPageList={[
    { text: '10 / trang', value: 10 },
    { text: '25 / trang', value: 25 },
  ]}
  onPageChange={(page) => setPage(page)}
  onSizePerPageChange={(size) => setPageSize(size)}
  isLoading={isLoading}
/>

// 2. Cách dùng dạng paginationProps (tương thích 100% với TablePagination cũ):
<Pagination
  size="md"
  isLoading={isLoading}
  paginationProps={{
    page,
    totalSize,
    sizePerPage,
    sizePerPageList,
    onPageChange,
    onSizePerPageChange,
  }}
>
  {/* children nếu cần hiển thị bảng hoặc danh sách bên trong */}
</Pagination>