@kadoui/react
Version:
Kadoui primitive components for React
12 lines (11 loc) • 517 B
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { use } from "react";
import { PaginationContext } from "./PaginationContext";
export function PaginationCounts({ onClick, ...p }) {
const { pagesLength, page, setPage } = use(PaginationContext);
return Array.from({ length: pagesLength }).map((_, index) => (_jsx("button", { "data-state": index + 1 === page, onClick: (ev) => {
onClick?.(ev);
setPage(index + 1);
}, ...p, children: index + 1 }, index)));
}