function MainComponent() { const [activeMenu, setActiveMenu] = React.useState('dashboard'); const menuItems = [ { id: 'dashboard', label: 'ダッシュボード', icon: 'fa-solid fa-home' }, { id: 'grades', label: '成績表作成', icon: 'fa-solid fa-file-alt' }, { id: 'management', label: '成績管理', icon: 'fa-solid fa-chart-bar' }, { id: 'students', label: '生徒一覧', icon: 'fa-solid fa-users' }, { id: 'settings', label: '設定', icon: 'fa-solid fa-cog' } ]; const renderContent = ()=>{ switch(activeMenu){ case 'dashboard': return /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 16 }, __self: this }, "ダッシュボード"); case 'grades': return /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 17, columnNumber: 16 }, __self: this }, "成績表作成"); case 'management': return /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 19, columnNumber: 16 }, __self: this }, "成績管理"); case 'students': return /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 21, columnNumber: 16 }, __self: this }, "生徒一覧"); case 'settings': return /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 23, columnNumber: 16 }, __self: this }, "設定"); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-gray-100 font-sans", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-white shadow-md", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "成績管理システム"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("button", { key: item.id, onClick: ()=>setActiveMenu(item.id), className: `w-full flex items-center p-4 text-gray-700 hover:bg-gray-200 ${activeMenu === item.id ? 'bg-gray-200' : ''}`, __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${item.icon} mr-3`, __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }), item.label)))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-10", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "成績管理システム"), renderContent())); }