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

React components library focused on usability, accessibility and developer experience

'use client';
import React from 'react';
import { usePaginationContext } from '../Pagination.context.mjs';
import { PaginationControl } from '../PaginationControl/PaginationControl.mjs';
import { PaginationDots } from '../PaginationDots/PaginationDots.mjs';

function PaginationItems({ dotsIcon }) {
  const ctx = usePaginationContext();
  const items = ctx.range.map((page, index) => {
    if (page === "dots") {
      return /* @__PURE__ */ React.createElement(PaginationDots, { icon: dotsIcon, key: index });
    }
    return /* @__PURE__ */ React.createElement(
      PaginationControl,
      {
        key: index,
        active: page === ctx.active,
        "aria-current": page === ctx.active ? "page" : void 0,
        onClick: () => ctx.onChange(page),
        disabled: ctx.disabled,
        ...ctx.getItemProps?.(page)
      },
      page
    );
  });
  return /* @__PURE__ */ React.createElement(React.Fragment, null, items);
}
PaginationItems.displayName = "@mantine/core/PaginationItems";

export { PaginationItems };
//# sourceMappingURL=PaginationItems.mjs.map