nice-ui/lib/6-page/DocsPages/ContentPageMarkdown.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const useTitle_1 = require("react-use/lib/useTitle");
const LibraryInfo_1 = require("./LibraryInfo");
const Space_1 = require("../../3-list-item/Space");
const util_1 = require("./util");
const Markdown_1 = require("../../markdown/Markdown");
const constants_1 = require("../../constants");
const DocsMarkdown_1 = require("./DocsMarkdown");
const PageTitle_1 = require("../../5-block/PageTitle");
const ContentPageMarkdown = (props) => {
    const { page } = props;
    (0, useTitle_1.default)(util_1.pageutils.title(page));
    return (React.createElement(React.Fragment, null,
        React.createElement(PageTitle_1.default, { key: page.to }, page.title ? React.createElement(Markdown_1.Markdown, { src: page.title, inline: true }) : util_1.pageutils.title(page)),
        React.createElement(LibraryInfo_1.LibraryInfo, { page: page }),
        React.createElement(Space_1.Space, { size: 3 }),
        !!page.md && (React.createElement("div", { style: { maxWidth: constants_1.NiceUiSizes.BlogContentMaxWidth } },
            React.createElement(DocsMarkdown_1.default, { key: page.to, contents: true, contentsRight: true, contentWidth: constants_1.NiceUiSizes.BlogContentMaxWidth + constants_1.NiceUiSizes.SidebarWidth + 64, ast: page.md })))));
};
exports.default = ContentPageMarkdown;