@mantine/core/esm/components/Pagination/PaginationItems/PaginationItems.mjs

React components library focused on usability, accessibility and developer experience

"use client";
import { usePaginationContext } from "../Pagination.context.mjs";
import { PaginationControl } from "../PaginationControl/PaginationControl.mjs";
import { PaginationDots } from "../PaginationDots/PaginationDots.mjs";
import { Fragment, jsx } from "react/jsx-runtime";
//#region packages/@mantine/core/src/components/Pagination/PaginationItems/PaginationItems.tsx
function PaginationItems({ dotsIcon }) {
	const ctx = usePaginationContext();
	return /* @__PURE__ */ jsx(Fragment, { children: ctx.range.map((page, index) => {
		if (page === "dots") return /* @__PURE__ */ jsx(PaginationDots, { icon: dotsIcon }, index);
		return /* @__PURE__ */ jsx(PaginationControl, {
			active: page === ctx.active,
			"aria-current": page === ctx.active ? "page" : void 0,
			onClick: () => ctx.onChange(page),
			disabled: ctx.disabled,
			...ctx.getItemProps?.(page),
			children: ctx.getItemProps?.(page)?.children ?? page
		}, index);
	}) });
}
PaginationItems.displayName = "@mantine/core/PaginationItems";
//#endregion
export { PaginationItems };

//# sourceMappingURL=PaginationItems.mjs.map