function TaskListSection({ title, tasks }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, tasks.map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-1", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, task)))); } function TaskListSectionStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TaskListSection, { title: "What to do today", tasks: [ "Task 1", "Task 2", "Task 3" ], __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#f5f5f5] min-h-screen font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl mb-4 text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Daily Planner"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(TaskListSection, { title: "What to do today", tasks: [ "Task 1", "Task 2", "Task 3" ], __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "My Health"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "to do list")), /*#__PURE__*/ React.createElement(TaskListSection, { title: "Mental Activities", tasks: [ "Activity 1", "Activity 2", "Activity 3" ], __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(TaskListSection, { title: "Exercises", tasks: [ "Exercise 1", "Exercise 2", "Exercise 3" ], __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Time Line"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Track your progress and schedule.")))); }