nice-ui/lib/markdown/util/MarkdownBlock.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.mdBlockNotLooseClass = exports.mdBlockCompactClass = exports.mdBlockClass = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const context_1 = require("../context");
const { createElement: h, useContext } = React;
exports.mdBlockClass = (0, nano_theme_1.rule)({
    '&+&': {
        mart: '2em',
        marb: 0,
    },
});
exports.mdBlockCompactClass = (0, nano_theme_1.rule)({
    '&+&': {
        mart: '0.8em',
        marb: 0,
    },
});
exports.mdBlockNotLooseClass = (0, nano_theme_1.rule)({
    [`.${exports.mdBlockClass.trim()}+&`]: {
        mart: 0,
        marb: 0,
    },
});
const MarkdownBlock = ({ as = 'div', notLoose, className = '', style, children, onClick }) => {
    const { props } = useContext(context_1.context);
    return h(as, {
        className: className +
            exports.mdBlockClass +
            (props.isCompact ? exports.mdBlockCompactClass : '') +
            (notLoose ? exports.mdBlockNotLooseClass : ''),
        'data-testid': 'MarkdownBlock',
        style,
        onClick,
    }, children);
};
exports.default = MarkdownBlock;