function MainComponent() { const [currentTimestamp, setCurrentTimestamp] = React.useState(new Date().toISOString()); const [view, setView] = React.useState('topics'); const [selectedTopic, setSelectedTopic] = React.useState(null); React.useEffect(()=>{ const interval = setInterval(()=>{ setCurrentTimestamp(new Date().toISOString()); }, 1000); return ()=>clearInterval(interval); }, []); const topics = [ { id: 1, title: "お題1", deadline: "2023-12-01T00:00:00Z" }, { id: 2, title: "お題2", deadline: "2023-12-02T00:00:00Z" } ]; const answers = [ { id: 1, content: "回答1", author: "user1", deadline: "2023-12-01T00:00:00Z" }, { id: 2, content: "回答2", author: "user2", deadline: "2023-12-01T00:00:00Z" } ]; const results = [ { content: "回答1", author: "user1", points: 10 }, { content: "回答2", author: "user2", points: 8 } ]; const handleTopicClick = (topic)=>{ setSelectedTopic(topic); setView('submit'); }; const handleFormSubmit = ()=>{ // Implement form submission and answer save logic here setView('vote'); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, view === 'topics' && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "お題一覧"), topics.map((topic)=>/*#__PURE__*/ React.createElement("div", { key: topic.id, className: "mb-4 p-4 border rounded shadow", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { onClick: ()=>handleTopicClick(topic), className: "text-lg font-semibold text-blue-500 cursor-pointer", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, topic.title), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "締め切り: ", new Date(topic.deadline).toLocaleString())))), view === 'submit' && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "投稿画面"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded shadow mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "お題: ", selectedTopic.title), /*#__PURE__*/ React.createElement("input", { type: "text", name: "author", className: "mb-4 p-2 border rounded w-full", placeholder: "名前（ハンドルネーム）", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "answer", className: "mb-4 p-2 border rounded w-full", placeholder: "回答", rows: "4", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleFormSubmit, className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "送信"))), view === 'vote' && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "投票画面"), answers.map((answer)=>/*#__PURE__*/ React.createElement("div", { key: answer.id, className: "mb-4 p-4 border rounded shadow", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, answer.content), /*#__PURE__*/ React.createElement("div", { className: "mb-2 text-sm text-gray-500", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "by ", answer.author), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, [ 2, 3, 4 ].map((point)=>/*#__PURE__*/ React.createElement("button", { key: point, className: "px-3 py-1 bg-gray-200 rounded", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, point, "点"))))), /*#__PURE__*/ React.createElement("input", { type: "text", name: "voter", className: "mb-4 p-2 border rounded w-full", placeholder: "名前（ハンドルネーム）", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "送信")), view === 'results' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "結果画面"), results.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4 p-4 border rounded shadow", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2 font-semibold", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, result.content), /*#__PURE__*/ React.createElement("div", { className: "mb-2 text-sm text-gray-500", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, "by ", result.author), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "合計点数: ", result.points))))); }