@tomino/dynamic-form-semantic-ui/dist/cjs/properties/help_view.js

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const semantic_ui_react_1 = require("semantic-ui-react");
const mobx_react_1 = require("mobx-react");
const semantic_ui_react_2 = require("semantic-ui-react");
const common_1 = require("../common");
const editor_context_1 = require("../editor/editor_context");
const help = common_1.css `
  margin: 6px !important;
`;
exports.Help = mobx_react_1.observer(({}) => {
    const state = React.useContext(editor_context_1.EditorContext);
    let HelpView = state.help;
    if (!HelpView) {
        return null;
    }
    return (React.createElement(semantic_ui_react_2.Message, { className: help },
        React.createElement(semantic_ui_react_2.Message.Header, null,
            React.createElement(semantic_ui_react_1.Icon, { name: 'help circle' }),
            " Help"),
        React.createElement("div", null, typeof HelpView === 'string' ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: HelpView } })) : ({ HelpView }))));
});
//# sourceMappingURL=help_view.js.map