function MainComponent() { const [chatMessages, setChatMessages] = React.useState([]); const [taskList, setTaskList] = React.useState([]); const [time, setTime] = React.useState(''); const [task, setTask] = React.useState(''); const [message, setMessage] = React.useState(''); const addTask = ()=>{ setTaskList([ ...taskList, { time, task } ]); setTime(''); setTask(''); }; const addMessage = ()=>{ setChatMessages([ ...chatMessages, { message } ]); setMessage(''); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center font-roboto mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "タスク管理サービス"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex-1 font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "時間:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "time", value: time, onChange: (e)=>setTime(e.target.value), placeholder: "10:00", className: "flex-3 bg-gray-200 p-2 rounded-lg w-full font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex-1 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "やるべきこと:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "task", value: task, onChange: (e)=>setTask(e.target.value), placeholder: "タスクを入力", className: "flex-3 bg-gray-200 p-2 rounded-lg w-full font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: addTask, className: "bg-blue-500 text-white font-roboto p-2 rounded-lg w-full", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "タスクを追加")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-indigo-200 p-4 rounded-lg", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "チャット"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-2 rounded-lg h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, chatMessages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-2 border-b border-gray-300", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, msg.message)))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", value: message, onChange: (e)=>setMessage(e.target.value), placeholder: "メッセージを入力", className: "flex-1 bg-gray-200 p-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addMessage, className: "bg-green-500 text-white font-roboto p-2 ml-2 rounded-lg", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "送信"))))); }