import { MindElixirInstance } from "packages/mind-elixir-core/dist/types";
import { useRef, useEffect } from "react";
import MindElixir from 'mind-elixir';

export default function MindEditor() {
    const me = useRef<MindElixirInstance>();
    useEffect(() => {
        const instance = new MindElixir({
            el: "#map",
            direction: MindElixir.SIDE,
            draggable: true, // default true
            contextMenu: true, // default true
            toolBar: true, // default true
            nodeMenu: true, // default true
            keypress: true // default true

        });
        // instance.install(NodeMenu);
        instance.init(MindElixir.new("新主题"));
        me.current = instance;
    }, []);
    return <div >
        <div>
            1
        </div>
        <div id="map" style={{ width: "100%" }} />
    </div>
}