function MainComponent() { const [tasks, setTasks] = React.useState([]); const [newTask, setNewTask] = React.useState(""); const [taskType, setTaskType] = React.useState("task"); const addTask = (event)=>{ event.preventDefault(); if (!newTask.trim()) return; setTasks([ ...tasks, { id: Date.now(), text: newTask, type: taskType, completed: false } ]); setNewTask(""); }; const toggleTaskCompletion = (taskId)=>{ setTasks(tasks.map((task)=>task.id === taskId ? { ...task, completed: !task.completed } : task)); }; const taskIcon = (type, completed)=>{ if (type === "task") return completed ? "☑️" : "□"; if (type === "schedule") return "⏰"; if (type === "note") return "・"; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg p-5 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center text-[#333] font-roboto mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Daily Log"), /*#__PURE__*/ React.createElement("form", { onSubmit: addTask, className: "mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded-md font-roboto", placeholder: "Add a new task...", name: "newTask", value: newTask, onChange: (e)=>setNewTask(e.target.value), __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "ml-2 p-2 border rounded-md font-roboto", name: "taskType", value: taskType, onChange: (e)=>setTaskType(e.target.value), __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "task", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Task"), /*#__PURE__*/ React.createElement("option", { value: "schedule", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Schedule"), /*#__PURE__*/ React.createElement("option", { value: "note", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Note")), /*#__PURE__*/ React.createElement("button", { className: "p-2 ml-2 text-white bg-[#007bff] rounded-md font-roboto", type: "submit", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("li", { key: task.id, className: "flex items-center justify-between p-2 mb-2 text-[#333] border-b", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mr-2 font-roboto", onClick: ()=>toggleTaskCompletion(task.id), __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, taskIcon(task.type, task.completed)), /*#__PURE__*/ React.createElement("span", { className: "font-roboto flex-1", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, task.text), /*#__PURE__*/ React.createElement("button", { className: "text-[#e3342f] font-roboto", onClick: ()=>setTasks(tasks.filter((t)=>t.id !== task.id)), __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }))))))); }