function MainComponent() { const [quizStarted, setQuizStarted] = React.useState(false); const [essayText, setEssayText] = React.useState(''); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#121212] bg-[#FFFFFF]", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#007BFF] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-around", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, [ 'ホーム', '英単語クイズ', '英作文添削', '英文法解説' ].map((link)=>/*#__PURE__*/ React.createElement("li", { key: link, __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#FFFFFF]", __source: { fileName: "", lineNumber: 10, columnNumber: 28 }, __self: this }, link))))), /*#__PURE__*/ React.createElement("div", { className: "text-center p-5", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, !quizStarted ? /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white py-2 px-4", onClick: ()=>setQuizStarted(true), __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "クイズを始める") : /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "4択クイズが始まりました！")), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[200px]", placeholder: "ここに英作文を入力してください", name: "essay", value: essayText, onChange: (e)=>setEssayText(e.target.value), __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white py-2 px-4 mt-4", onClick: ()=>alert('添削が完了しました。'), __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "添削する"))); }