@coreui/react
Version:
UI Components Library for React.js
24 lines (21 loc) • 1.21 kB
JavaScript
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
import classNames from '../../_virtual/index.js';
import { CLink } from '../link/CLink.js';
var CPaginationItem = forwardRef(function (_a, ref) {
var children = _a.children, as = _a.as, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
var Component = as !== null && as !== void 0 ? as : (rest.active ? 'span' : 'a');
return (React.createElement("li", __assign({ className: classNames('page-item', {
active: rest.active,
disabled: rest.disabled,
}, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React.createElement(CLink, __assign({ className: "page-link", as: Component }, rest, { ref: ref }), children)) : (React.createElement(Component, { className: "page-link", ref: ref }, children))));
});
CPaginationItem.propTypes = {
as: PropTypes.elementType,
children: PropTypes.node,
className: PropTypes.string,
};
CPaginationItem.displayName = 'CPaginationItem';
export { CPaginationItem };
//# sourceMappingURL=CPaginationItem.js.map