@idares-ui/react
Version:
22 lines • 1.02 kB
JavaScript
;
exports.__esModule = true;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("react");
var context_1 = require("../utils/context");
var PaginationButton_1 = tslib_1.__importDefault(require("./PaginationButton"));
/**
* Pagination Simple mode
*
* @returns Simple Pagination Component
*/
var SimpleMode = function () {
var _a = (0, react_1.useContext)(context_1.MainContext), numberOfPages = _a.numberOfPages, page = _a.page;
return (React.createElement(React.Fragment, null, new Array(numberOfPages).fill(1).map(function (_, i) {
var itemValue = i + 1;
var isActive = itemValue === page;
return (React.createElement(PaginationButton_1["default"], { key: itemValue, active: itemValue === page, title: itemValue, value: itemValue, "aria-label": "Page ".concat(itemValue).concat(isActive ? ", current page" : "") }));
})));
};
exports["default"] = SimpleMode;
//# sourceMappingURL=SimpleMode.js.map