function MainComponent() { const [page, setPage] = React.useState("signin"); const [report, setReport] = React.useState(""); const [dashboard, setDashboard] = React.useState([]); const [tokens, setTokens] = React.useState([]); const [contact, setContact] = React.useState({ name: '', email: '', message: '' }); const [alert, setAlert] = React.useState({ mentee: '', trigger: '', period: '' }); const handleSignIn = (event)=>{ event.preventDefault(); setPage("dashboard"); }; const handleSubmitReport = (event)=>{ event.preventDefault(); setPage("reportSubmitted"); }; const handleSignUp = (event)=>{ event.preventDefault(); setPage("signin"); }; const handleContactSubmit = (event)=>{ event.preventDefault(); // Send contact details }; const handleAlertSubmit = (event)=>{ event.preventDefault(); // Set alert }; const renderWeekSelector = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 hover:text-blue-700", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Previous Week"), /*#__PURE__*/ React.createElement("button", { className: "text-blue-500 hover:text-blue-700", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "Next Week")); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] p-4 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, page === "signin" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignIn, className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "サインイン"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "name", placeholder: "名前", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "loginId", placeholder: "ID", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "password", placeholder: "PASSWORD", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "サインイン"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setPage("signup"), className: "mt-4 px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 w-full", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "サインアップ")) : page === "signup" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignUp, className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "サインアップ"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "name", placeholder: "名前", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "loginId", placeholder: "ID", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "password", placeholder: "PASSWORD", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "登録")) : page === "report" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitReport, className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "日報投稿"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[200px] p-2 border border-gray-300 rounded resize-none", name: "report", onChange: (e)=>setReport(e.target.value), placeholder: "今日の活動を入力してください", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "送信")) : page === "reportSubmitted" ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, "日報投稿完了！"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "以下の内容で日報が投稿されました："), /*#__PURE__*/ React.createElement("p", { className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, report), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto text-center text-[#333] mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "ChatGPTと会話"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[200px] p-2 border border-gray-300 rounded resize-none", name: "chat", placeholder: "ChatGPTに質問やコメントを入力", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, "送信"))) : page === "dashboard" ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, "ダッシュボード"), renderWeekSelector(), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "目標達成率"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, "今週の目標達成率: 80%")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, "使用率"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, "今週の使用率: 50%")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, "発言分析"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, "ポジティブ発言: 20%"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "ネガティブ発言: 10%")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, "メンティー"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, "メンティー: 2人"))) : page === "contact" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleContactSubmit, className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, "お問合せ"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "name", placeholder: "氏名", value: contact.name, onChange: (e)=>setContact({ ...contact, name: e.target.value }), __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "email", placeholder: "メールアドレス", value: contact.email, onChange: (e)=>setContact({ ...contact, email: e.target.value }), __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[200px] p-2 border border-gray-300 rounded resize-none", name: "message", placeholder: "お問合せ詳細", value: contact.message, onChange: (e)=>setContact({ ...contact, message: e.target.value }), __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, "送信")) : page === "alert" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleAlertSubmit, className: "w-full max-w-xl bg-white p-5 rounded shadow", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }, "アラート設定"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "mentee", placeholder: "メンティー", value: alert.mentee, onChange: (e)=>setAlert({ ...alert, mentee: e.target.value }), __source: { fileName: "", lineNumber: 193, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "trigger", placeholder: "発言", value: alert.trigger, onChange: (e)=>setAlert({ ...alert, trigger: e.target.value }), __source: { fileName: "", lineNumber: 200, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 mb-4 border border-gray-300 rounded", name: "period", placeholder: "アラート期間", value: alert.period, onChange: (e)=>setAlert({ ...alert, period: e.target.value }), __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, "設定")) : null); }