function MainComponent() { const [tasks, setTasks] = React.useState([]); const [task, setTask] = React.useState(''); const [deadline, setDeadline] = React.useState(''); const [priority, setPriority] = React.useState(''); const addTask = (e)=>{ e.preventDefault(); if (!task || !deadline || !priority) return; setTasks([ ...tasks, { id: Date.now(), task, deadline, priority } ]); setTask(''); setDeadline(''); setPriority(''); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#F4F6F8] py-10 px-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-3xl font-bold text-[#121212] mb-8", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "新卒採用のToDo管理表"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: addTask, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "task", className: "block text-lg font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "タスク名"), /*#__PURE__*/ React.createElement("input", { name: "task", type: "text", value: task, onChange: (e)=>setTask(e.target.value), className: "mt-2 p-4 w-full border-[#D1D5DB] rounded-lg", placeholder: "新たなタスクを入力", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "deadline", className: "block text-lg font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "期限"), /*#__PURE__*/ React.createElement("input", { name: "deadline", type: "date", value: deadline, onChange: (e)=>setDeadline(e.target.value), className: "mt-2 p-4 w-full border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "priority", className: "block text-lg font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "優先度"), /*#__PURE__*/ React.createElement("select", { name: "priority", value: priority, onChange: (e)=>setPriority(e.target.value), className: "mt-2 p-4 w-full border-[#D1D5DB] rounded-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { hidden: true, __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "High", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "高"), /*#__PURE__*/ React.createElement("option", { value: "Medium", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "中"), /*#__PURE__*/ React.createElement("option", { value: "Low", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "低"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 bg-blue-500 text-white rounded-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "追加"))), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "タスク一覧"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, tasks.map((item)=>/*#__PURE__*/ React.createElement("li", { key: item.id, className: "p-4 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, item.task), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "期限: ", item.deadline), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, "優先度: ", item.priority))))))); }