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

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const ParagraphPlaceholder_1 = require("./ParagraphPlaceholder");
const HeadingPlaceholder_1 = require("./HeadingPlaceholder");
const ImagePlaceholder_1 = require("./ImagePlaceholder");
const TablePlaceholder_1 = require("./TablePlaceholder");
const context_1 = require("../context");
const { useContext } = React;
const Placeholder = ({ idx }) => {
    const { ast } = useContext(context_1.context);
    const node = ast.nodes[idx];
    const type = node.type;
    if (type === 'heading')
        return React.createElement(HeadingPlaceholder_1.default, null);
    if (type === 'paragraph') {
        const isSingleImageParagraph = node.children.length === 1 && ast.nodes[node.children[0]].type === 'image';
        if (isSingleImageParagraph)
            return React.createElement(ImagePlaceholder_1.default, null);
        return React.createElement(ParagraphPlaceholder_1.default, null);
    }
    if (type === 'table') {
        return React.createElement(TablePlaceholder_1.default, { columns: node.align.length });
    }
    return React.createElement(ParagraphPlaceholder_1.default, null);
};
exports.default = Placeholder;