@gooddata/react-components
Version:
GoodData.UI - A powerful JavaScript library for building analytical applications
22 lines • 1.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
// (C) 2020 GoodData Corporation
var React = require("react");
var react_intl_1 = require("react-intl");
var cx = require("classnames");
function renderPagingButton(type, handler, disabled) {
var classes = cx("gd-button-link", "gd-button-icon-only", "icon-chevron-" + type, "paging-button");
return React.createElement("button", { className: classes, onClick: handler, disabled: disabled });
}
var Paging = function (props) {
var page = props.page, pagesCount = props.pagesCount, showNextPage = props.showNextPage, showPrevPage = props.showPrevPage;
return (React.createElement("div", { className: "paging" },
renderPagingButton("up", showPrevPage, page === 1),
React.createElement(react_intl_1.FormattedMessage, { id: "visualizations.of", tagName: "span", values: {
page: React.createElement("strong", null, page),
pagesCount: pagesCount,
} }),
renderPagingButton("down", showNextPage, page === pagesCount)));
};
exports.default = Paging;
//# sourceMappingURL=Paging.js.map