function MainComponent() { const [currentScreen, setCurrentScreen] = React.useState('home'); const goToPrompts = ()=>setCurrentScreen('prompts'); const goToProgress = ()=>setCurrentScreen('progress'); const goToHome = ()=>setCurrentScreen('home'); const HomeScreen = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Welcome to the Codes of Life App!"), /*#__PURE__*/ React.createElement("button", { onClick: goToPrompts, className: "mb-2 bg-blue-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "View Daily Prompts"), /*#__PURE__*/ React.createElement("button", { onClick: goToProgress, className: "bg-green-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Track Your Progress")); const PromptsScreen = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "Today's Prompt: Take a mindful 5-minute breathing break."), /*#__PURE__*/ React.createElement("button", { onClick: goToHome, className: "bg-blue-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "Back to Home")); const ProgressScreen = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "Track your progress here!"), /*#__PURE__*/ React.createElement("button", { onClick: goToHome, className: "bg-blue-500 text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "Back to Home")); const renderScreen = ()=>{ if (currentScreen === 'home') { return /*#__PURE__*/ React.createElement(HomeScreen, { __source: { fileName: "", lineNumber: 56, columnNumber: 14 }, __self: this }); } else if (currentScreen === 'prompts') { return /*#__PURE__*/ React.createElement(PromptsScreen, { __source: { fileName: "", lineNumber: 58, columnNumber: 14 }, __self: this }); } else if (currentScreen === 'progress') { return /*#__PURE__*/ React.createElement(ProgressScreen, { __source: { fileName: "", lineNumber: 60, columnNumber: 14 }, __self: this }); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 10 }, __self: this }, renderScreen()); }