@redocly/theme
Version:
Shared UI components lib
32 lines (31 loc) • 1.6 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PageNavigation = PageNavigation;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const hooks_1 = require("../../core/hooks");
const NextButton_1 = require("../../components/PageNavigation/NextButton");
const PreviousButton_1 = require("../../components/PageNavigation/PreviousButton");
function PageNavigation({ nextPage, prevPage, className, }) {
var _a, _b;
const { navigation } = (0, hooks_1.useThemeConfig)();
if (((_a = navigation === null || navigation === void 0 ? void 0 : navigation.previousButton) === null || _a === void 0 ? void 0 : _a.hide) && ((_b = navigation === null || navigation === void 0 ? void 0 : navigation.nextButton) === null || _b === void 0 ? void 0 : _b.hide)) {
return null;
}
return (react_1.default.createElement(PageNavigationWrapper, { "data-component-name": "PageNavigation/PageNavigation", className: className },
react_1.default.createElement(PreviousButton_1.PreviousButton, { prevPage: prevPage }),
react_1.default.createElement(NextButton_1.NextButton, { nextPage: nextPage })));
}
const PageNavigationWrapper = styled_components_1.default.div `
display: flex;
justify-content: space-between;
margin: 25px 0;
width: 100%;
@media print {
display: none;
}
`;
//# sourceMappingURL=PageNavigation.js.map