prod-wag-backend-automate-s.../web_services/web-controllers/components/mutual/tableView/mutual/PaginationShow.tsx

15 lines
650 B
TypeScript

import { PaginationShowProps } from "@/validations/mutual/pagination/type"
const PaginationShow: React.FC<PaginationShowProps> = ({ apiPagination }) => {
return (
<div className="grid grid-cols-6 gap-2 items-center justify-evenly">
<p>Page: {apiPagination.onPage}</p>
<p>Page Count: {apiPagination.onPageCount}</p>
<p>Total Page: {apiPagination.totalPage}</p>
<p>Total Count: {apiPagination.totalCount}</p>
<p>Next: {apiPagination.next ? "true" : "false"}</p>
<p>Back: {apiPagination.back ? "true" : "false"}</p>
</div>
)
}
export default PaginationShow