function AddTaskButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-blue-500 text-white p-2 rounded w-full font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Add Task"); } function AddTaskButtonStory() { const handleAddTask = ()=>{ alert("Task Added"); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AddTaskButton, { onClick: handleAddTask, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function TaskInputInterface({ input, onInputChange, onAddTask }) { return /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "task-input", value: input, onChange: onInputChange, className: "border rounded p-2 w-full mb-2", placeholder: "Enter your task", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(AddTaskButton, { onClick: onAddTask, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function TaskInputInterfaceStory() { const [input, setInput] = React.useState(""); const handleInputChange = (e)=>setInput(e.target.value); const handleAddTask = ()=>{ alert(`Task Added: ${input}`); setInput(""); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TaskInputInterface, { input: input, onInputChange: handleInputChange, onAddTask: handleAddTask, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function MainComponent() { React.useEffect(()=>{ // Hypothetical AI initialization }, []); const [input, setInput] = React.useState(""); const [tasks, setTasks] = React.useState([]); const [recommendation, setRecommendation] = React.useState(""); const handleInputChange = (e)=>setInput(e.target.value); const addTask = ()=>{ if (input.trim() !== "") { setTasks([ ...tasks, { text: input, completed: false } ]); setInput(""); } }; const toggleTaskCompletion = (index)=>{ const newTasks = tasks.map((task, i)=>i === index ? { ...task, completed: !task.completed } : task); setTasks(newTasks); }; const getRecommendation = ()=>{ // Hypothetical ML-based task recommendation setRecommendation("Based on your tasks, I recommend prioritizing 'Complete the project report'."); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8 font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "AI-Powered Daily Task Manager"), /*#__PURE__*/ React.createElement(TaskInputInterface, { input: input, onInputChange: handleInputChange, onAddTask: addTask, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Your Tasks"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, tasks.map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: task.completed ? "line-through" : "", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: task.completed, onChange: ()=>toggleTaskCompletion(index), className: "mr-2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }), task.text))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "AI Recommendation"), /*#__PURE__*/ React.createElement("button", { onClick: getRecommendation, className: "bg-green-500 text-white p-2 rounded w-full mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Get Recommendation"), recommendation && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 64, columnNumber: 28 }, __self: this }, recommendation)), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Feedback"), /*#__PURE__*/ React.createElement("textarea", { name: "feedback", className: "border rounded p-2 w-full mb-2", placeholder: "Provide your feedback here", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 text-white p-2 rounded w-full", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Submit Feedback"))); }