You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

38 lines
1.2 KiB

  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import React from 'react';
  4. import PropTypes from 'prop-types';
  5. import classNames from 'classnames';
  6. import { mapToCssModules, tagPropType } from './utils';
  7. var propTypes = {
  8. active: PropTypes.bool,
  9. children: PropTypes.node,
  10. className: PropTypes.string,
  11. cssModule: PropTypes.object,
  12. disabled: PropTypes.bool,
  13. tag: tagPropType
  14. };
  15. var defaultProps = {
  16. tag: 'li'
  17. };
  18. var PaginationItem = function PaginationItem(props) {
  19. var active = props.active,
  20. className = props.className,
  21. cssModule = props.cssModule,
  22. disabled = props.disabled,
  23. Tag = props.tag,
  24. attributes = _objectWithoutPropertiesLoose(props, ["active", "className", "cssModule", "disabled", "tag"]);
  25. var classes = mapToCssModules(classNames(className, 'page-item', {
  26. active: active,
  27. disabled: disabled
  28. }), cssModule);
  29. return React.createElement(Tag, _extends({}, attributes, {
  30. className: classes
  31. }));
  32. };
  33. PaginationItem.propTypes = propTypes;
  34. PaginationItem.defaultProps = defaultProps;
  35. export default PaginationItem;