function MainComponent() { const [tasks, setTasks] = React.useState([ { id: 1, text: 'デザインの変更' }, { id: 2, text: 'レスポンシブ対応' } ]); const [history, setHistory] = React.useState([]); const fileInputRef = React.useRef(null); const handleUndo = (task)=>{ setTasks(tasks.filter((t)=>t.id !== task.id)); setHistory([ ...history, task ]); }; const handleAddTask = ()=>{ const newTask = { id: tasks.length + 1, text: '新しいタスク' }; setTasks([ ...tasks, newTask ]); }; const handleFileUpload = (e)=>{ const file = e.target.files[0]; console.log(file); // Intended for file upload logic }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-screen-lg bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "タスク管理システム"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center w-full sm:w-auto mb-4 sm:mb-0", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mr-2 text-lg font-medium", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "設計図をアップロード"), /*#__PURE__*/ React.createElement("input", { ref: fileInputRef, type: "file", name: "blueprint", className: "border p-2 w-full sm:w-auto", onChange: handleFileUpload, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleAddTask, className: "bg-blue-500 text-white font-semibold py-2 px-4 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "タスクを追加")), /*#__PURE__*/ React.createElement("div", { className: "relative overflow-hidden border-t border-gray-200 pt-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-full h-full top-0 left-0 bg-gray-50 opacity-25", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, className: "bg-white p-4 shadow flex items-center space-x-4 rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "タスク", task.id), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 flex-grow", __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, task.text), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUndo(task), className: "text-green-500", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-undo", __source: { fileName: "", lineNumber: 43, columnNumber: 87 }, __self: this }))))))))); }