function MainComponent() { const [isStarted, setIsStarted] = React.useState(false); const handleStart = ()=>{ setIsStarted(true); }; let content; if (!isStarted) { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#e0f7fa]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-4 text-[#00796b]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Let‘sPREP"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium font-roboto mb-8 text-[#004d40]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "論理的な伝達スキルを身につけよう"), /*#__PURE__*/ React.createElement("button", { className: "text-lg font-roboto bg-[#80cbc4] text-[#004d40] py-2 px-6 rounded transition-transform transform hover:scale-105", onClick: handleStart, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "スタート")); } else { content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center h-screen bg-[#e0f7fa] p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full text-center bg-[#80cbc4] text-[#004d40] py-4 rounded mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "お題がここに表示されます"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto mt-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "300秒のタイマー")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-white p-4 rounded w-full mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#00796b] mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "PREPのPを入力してください:"), /*#__PURE__*/ React.createElement("textarea", { name: "prep-input", className: "w-full h-32 p-2 border border-[#80cbc4] rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-lg font-roboto bg-[#80cbc4] text-[#004d40] py-2 px-6 rounded transition-transform transform hover:scale-105", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "次へのボタン")); } return content; }