@mantine/core/cjs/components/Pagination/Pagination.cjs

React components library focused on usability, accessibility and developer experience

'use client';
'use strict';

var React = require('react');
require('clsx');
require('@mantine/hooks');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var Group = require('../Group/Group.cjs');
var PaginationControl = require('./PaginationControl/PaginationControl.cjs');
var PaginationDots = require('./PaginationDots/PaginationDots.cjs');
var PaginationEdges = require('./PaginationEdges/PaginationEdges.cjs');
var PaginationItems = require('./PaginationItems/PaginationItems.cjs');
var PaginationRoot = require('./PaginationRoot/PaginationRoot.cjs');
var Pagination_module = require('./Pagination.module.css.cjs');

const defaultProps = {
  withControls: true,
  siblings: 1,
  boundaries: 1,
  gap: 8
};
const Pagination = factory.factory((_props, ref) => {
  const props = useProps.useProps("Pagination", defaultProps, _props);
  const {
    withEdges,
    withControls,
    getControlProps,
    nextIcon,
    previousIcon,
    lastIcon,
    firstIcon,
    dotsIcon,
    total,
    gap,
    ...others
  } = props;
  if (total <= 0) {
    return null;
  }
  return /* @__PURE__ */ React.createElement(PaginationRoot.PaginationRoot, { ref, total, ...others }, /* @__PURE__ */ React.createElement(Group.Group, { gap }, withEdges && /* @__PURE__ */ React.createElement(PaginationEdges.PaginationFirst, { icon: firstIcon, ...getControlProps?.("first") }), withControls && /* @__PURE__ */ React.createElement(PaginationEdges.PaginationPrevious, { icon: previousIcon, ...getControlProps?.("previous") }), /* @__PURE__ */ React.createElement(PaginationItems.PaginationItems, { dotsIcon }), withControls && /* @__PURE__ */ React.createElement(PaginationEdges.PaginationNext, { icon: nextIcon, ...getControlProps?.("next") }), withEdges && /* @__PURE__ */ React.createElement(PaginationEdges.PaginationLast, { icon: lastIcon, ...getControlProps?.("last") })));
});
Pagination.classes = Pagination_module;
Pagination.displayName = "@mantine/core/Pagination";
Pagination.Root = PaginationRoot.PaginationRoot;
Pagination.Control = PaginationControl.PaginationControl;
Pagination.Dots = PaginationDots.PaginationDots;
Pagination.First = PaginationEdges.PaginationFirst;
Pagination.Last = PaginationEdges.PaginationLast;
Pagination.Next = PaginationEdges.PaginationNext;
Pagination.Previous = PaginationEdges.PaginationPrevious;
Pagination.Items = PaginationItems.PaginationItems;

exports.Pagination = Pagination;
//# sourceMappingURL=Pagination.cjs.map