function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[250px] bg-[#f4f4f4] p-4 border-r border-gray-200 overflow-y-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "目次"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block p-2 bg-white shadow rounded-md hover:bg-gray-100", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-base", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "付箋 1"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-gray-600", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "説明 1"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block p-2 bg-white shadow rounded-md hover:bg-gray-100", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-base", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "ああああ"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-gray-600", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "説明 2"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block p-2 bg-white shadow rounded-md hover:bg-gray-100", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-base", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "付箋 3"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-gray-600", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "説明 3"))))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow relative bg-[#ececec]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-[2000px] h-[2000px] overflow-scroll", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-[100px] left-[100px] p-4 bg-yellow-200 shadow rounded-md w-[200px] cursor-move", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-base", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "付箋タイトル"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "付箋の説明テキスト")))))); }