importReactfrom'react';import{Row,Col}from'antd';importGGEditor,{Mind}from'gg-editor';importEditorMinimapfrom'./components/EditorMinimap';import{MindContextMenu}from'./components/EditorContextMenu';import{MindToolbar}from'./components/EditorToolbar';import{MindDetailPanel}from'./components/EditorDetailPanel';importdatafrom'./worldCup2018.json';importstylesfrom'./index.less';importPageHeaderWrapperfrom'./components/PageHeaderWrapper';GGEditor.setTrackable(false);exportdefault()=>{return(<PageHeaderWrappertitle="Mind Map Editor"content="The brain map is an effective graphical thinking tool for expressing divergent thinking. It is simple but effective and is a practical thinking tool."><GGEditorclassName={styles.editor}><Rowtype="flex"className={styles.editorHd}><Colspan={24}><MindToolbar/></Col></Row><Rowtype="flex"className={styles.editorBd}><Colspan={20}className={styles.editorContent}><Minddata={data}className={styles.mind}/></Col><Colspan={4}className={styles.editorSidebar}><MindDetailPanel/><EditorMinimap/></Col></Row><MindContextMenu/></GGEditor></PageHeaderWrapper>);};