function MainComponent() { const [activeSection, setActiveSection] = React.useState('アイデア発掘支援'); const sections = { 'アイデア発掘支援': [ 'オズボーン発想法', '6ハット発想法', 'AI対話型人材育成', '専門家による無限試論' ], '画像・動画・プログラム作成': [ '画像生成', '動画生成', 'プログラム生成' ], '戦略フレームワーク分析': [ 'PEST分析', '3C分析', '5F分析', 'SWOT分析' ], '知識生産（IPL）': [ '立案力', '市場調査力', '技術動向', '競合/技術動向' ], '戦略計画支援': [ '立案支援', '実行計画', 'リスクマネジメント', '監査・検証' ] }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 flex flex-col text-white", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-4 bg-gray-800 text-xl font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "近未来的メニュー"), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-[300px] bg-gray-700 p-4 space-y-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "メニュー"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, Object.keys(sections).map((section)=>/*#__PURE__*/ React.createElement("li", { key: section, className: `cursor-pointer hover:text-gray-300 ${activeSection === section ? 'font-bold' : ''}`, onClick: ()=>setActiveSection(section), __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, section)))), /*#__PURE__*/ React.createElement("section", { className: "flex-grow p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, activeSection), /*#__PURE__*/ React.createElement("ul", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, sections[activeSection].map((item)=>/*#__PURE__*/ React.createElement("li", { key: item, __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, item))))))); }