function MindmapCreator({ text }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-3xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, text)); } function MindmapCreatorStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MindmapCreator, { text: "Mindmap goes here", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const [nodeTitle, setNodeTitle] = React.useState('Node Title'); const [blockNoteContent, setBlockNoteContent] = React.useState('Blocknote content preview & editing goes here.'); const handleDoubleClick = (title, content)=>{ setNodeTitle(title); setBlockNoteContent(content); }; return /*#__PURE__*/ React.createElement("div", { className: "flex w-full h-screen", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 h-full bg-gray-100", onDoubleClick: ()=>handleDoubleClick('Updated Node Topic', 'New Blocknote content related to the selected node.'), __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(MindmapCreator, { text: "Mindmap goes here", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 h-full bg-white flex flex-col", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 p-4 border-b border-gray-300", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-xl", id: "node-title", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, nodeTitle)), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-base", id: "block-note", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, blockNoteContent)))); }