function MainComponent() { const [currentPage, setCurrentPage] = React.useState("dashboard"); const navigateToPage = (page)=>{ setCurrentPage(page); }; let content; switch(currentPage){ case "dashboard": content = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "ダッシュボード"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateToPage("practice"), className: "bg-green-500 text-white p-3 rounded-md hover:bg-green-600", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "練習開始")); break; case "practice": content = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "仕分け練習"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "ビジネスシナリオを読んで、仕分けエントリーを作成してください。"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "entry", placeholder: "仕分けエントリー", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateToPage("submit"), className: "bg-blue-500 text-white p-3 rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "提出")); break; case "submit": content = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "提出確認"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "エントリーが正しく提出されました。"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateToPage("feedback"), className: "bg-orange-500 text-white p-3 rounded-md hover:bg-orange-600", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "フィードバックを確認")); break; case "feedback": content = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "フィードバック"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "ここにフィードバックと解説が表示されます。"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateToPage("dashboard"), className: "bg-purple-500 text-white p-3 rounded-md hover:bg-purple-600", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "ダッシュボードに戻る")); break; default: content = /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, "ページが見つかりません"); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-blue-100 font-roboto flex items-center justify-center", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, content)); }