nice-ui/lib/markdown/placeholders/HeadingPlaceholder.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const nano_theme_1 = require("nano-theme");
const constants_1 = require("./constants");
const blockClass = (0, nano_theme_1.rule)({
    d: 'inline-block',
    w: '40%',
    h: constants_1.lineHeight + 'px',
    mar: '4px 0 0',
    bdrad: '3px',
});
const HeadingPlaceholder = () => {
    const theme = (0, nano_theme_1.useTheme)();
    const background = theme.g(0, 0.1);
    return React.createElement("span", { className: blockClass, style: { background } });
};
exports.default = HeadingPlaceholder;