@wener/ui/lib/stories/editors/amd-monaco-demo.stories.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DynamicLoadDemo = void 0;
const react_1 = __importDefault(require("react"));
const MonacoEditor_1 = require("./MonacoEditor");
exports.default = {
    title: 'editors/monaco/amd',
};
exports.DynamicLoadDemo = () => {
    const ref = react_1.default.useRef();
    const [value, setValue] = react_1.default.useState('{"name":"wener"}');
    return (react_1.default.createElement("div", null,
        react_1.default.createElement("div", null,
            react_1.default.createElement("button", { onClick: () => ref.current?.[0].getAction('editor.action.formatDocument')?.run() }, "Format")),
        react_1.default.createElement(MonacoEditor_1.MonacoEditor, { value: value, onChange: (v) => setValue(v), language: "json", theme: "vs-dark", height: 640, editorDidMount: (...args) => (ref.current = args) })));
};
//# sourceMappingURL=amd-monaco-demo.stories.js.map