function MainComponent() { const [tasks, setTasks] = React.useState([]); const [taskInput, setTaskInput] = React.useState(""); const [extraContent, setExtraContent] = React.useState(""); const [photo, setPhoto] = React.useState(null); const handleAddTask = (e)=>{ e.preventDefault(); const newTask = { id: Math.random().toString(36).substr(2, 9), task: taskInput, extraContent, photo, done: false }; setTasks([ ...tasks, newTask ]); setTaskInput(""); setExtraContent(""); setPhoto(null); }; const handleMarkDone = (id)=>{ setTasks(tasks.map((task)=>task.id === id ? { ...task, done: true } : task)); }; const handleTaskInput = (e)=>{ setTaskInput(e.target.value); }; const handleExtraContent = (e)=>{ setExtraContent(e.target.value); }; const handlePhotoChange = (e)=>{ setPhoto(URL.createObjectURL(e.target.files[0])); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center text-[#333] mb-6", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Create Your Schedule"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddTask, className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "task", value: taskInput, onChange: handleTaskInput, placeholder: "Add new task", className: "p-2 w-full mb-4 border-2 border-gray-200 rounded-md", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "extraContent", value: extraContent, onChange: handleExtraContent, placeholder: "Add extra content (optional)", className: "p-2 w-full mb-4 h-32 border-2 border-gray-200 rounded-md", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex w-full mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center space-x-2 cursor-pointer", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "photo", onChange: handlePhotoChange, className: "hidden", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#555]", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "📷 Add Photo"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-[#007bff] text-white rounded-md hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Add Task")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#333] mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Tasks List"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, className: `flex items-center justify-between ${task.done ? 'bg-green-100' : 'bg-gray-100'} p-4 rounded-md`, __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-[#555]", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, task.task), !task.done && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleMarkDone(task.id), className: "px-4 py-1 bg-green-500 text-white rounded-md hover:bg-green-600", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, "Mark as Done"))))))); }