@redocly/theme/lib/layouts/DocumentationLayoutTop.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DocumentationLayoutTop = DocumentationLayoutTop;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const EditPageButton_1 = require("../components/Buttons/EditPageButton");
const LastUpdated_1 = require("../components/LastUpdated/LastUpdated");
const Breadcrumbs_1 = require("../components/Breadcrumbs/Breadcrumbs");
function DocumentationLayoutTop({ config, editPage, lastModified, }) {
    const { editPage: themeEditPage } = config || {};
    const mergedConf = editPage ? Object.assign(Object.assign({}, themeEditPage), editPage) : undefined;
    return (react_1.default.createElement(Wrapper, { "data-component-name": "Layout/DocumentationLayoutTop" },
        react_1.default.createElement(Breadcrumbs, null),
        react_1.default.createElement(LayoutTop, null,
            lastModified && react_1.default.createElement(LastUpdated_1.LastUpdated, { lastModified: new Date(lastModified) }),
            mergedConf && react_1.default.createElement(EditPageButton_1.EditPageButton, { to: mergedConf.to }))));
}
const Wrapper = styled_components_1.default.div `
  display: flex;
  flex-direction: column;
`;
const LayoutTop = styled_components_1.default.div `
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
`;
const Breadcrumbs = (0, styled_components_1.default)(Breadcrumbs_1.Breadcrumbs) `
  margin-bottom: var(--breadcrumbs-margin-bottom);
`;
//# sourceMappingURL=DocumentationLayoutTop.js.map