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

Semantic UI form renderer based on dynamic form generation

import * as React from 'react';
import { Icon } from 'semantic-ui-react';
import { observer } from 'mobx-react';
import { Message } from 'semantic-ui-react';
import { css } from '../common';
import { EditorContext } from '../editor/editor_context';
const help = css `
  margin: 6px !important;
`;
export const Help = observer(({}) => {
    const state = React.useContext(EditorContext);
    let HelpView = state.help;
    if (!HelpView) {
        return null;
    }
    return (React.createElement(Message, { className: help },
        React.createElement(Message.Header, null,
            React.createElement(Icon, { name: 'help circle' }),
            " Help"),
        React.createElement("div", null, typeof HelpView === 'string' ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: HelpView } })) : ({ HelpView }))));
});
//# sourceMappingURL=help_view.js.map