function MainComponent() { const [isArabic, setIsArabic] = React.useState(false); const [activeTab, setActiveTab] = React.useState('onboarding'); const handleLanguageToggle = ()=>setIsArabic(!isArabic); const handleTabChange = (tab)=>setActiveTab(tab); const feedReminder = ()=>{}; let content; switch(activeTab){ case 'onboarding': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-full space-y-4 p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `text-4xl font-bold text-[#121212] ${isArabic ? 'font-roboto text-right' : 'font-roboto text-left'}`, __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, isArabic ? 'أهلاً بك في تطبيق ماما نور' : 'Welcome to MamaNour'), /*#__PURE__*/ React.createElement("p", { className: `text-lg text-[#121212] ${isArabic ? 'font-roboto text-right' : 'font-roboto text-left'}`, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, isArabic ? 'دليلك لتتبع الرضاعة الطبيعية ونمو طفلك' : 'Your guide to breastfeeding and tracking your baby\'s growth'), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 bg-[#000000] text-[#FFFFFF] rounded-md font-roboto shadow-lg transform hover:translate-y-1 transition duration-200 ease-in-out", onClick: ()=>handleTabChange('breastfeedingLog'), __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, isArabic ? 'ابدأ' : 'Get Started')); break; case 'breastfeedingLog': content = /*#__PURE__*/ React.createElement("div", { className: `space-y-6 ${isArabic ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Breastfeeding Log")); break; case 'growthCharts': content = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: `text-3xl font-bold font-roboto ${isArabic ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, isArabic ? 'مخططات النمو' : 'Growth Charts')); break; case 'chat': content = /*#__PURE__*/ React.createElement("div", { className: `font-roboto ${isArabic ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }); break; default: content = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }); break; } React.useEffect(feedReminder, [ activeTab ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f0] text-[#121212] flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: `flex flex-row md:flex-col md:w-[250px] overflow-x-auto md:overflow-x-hidden ${isArabic ? 'md:ml-auto' : ''} border-t md:border-t-0 md:border-r border-gray-200`, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[#121212] p-4 w-full", onClick: ()=>handleTabChange('onboarding'), __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, isArabic ? 'البداية' : 'Onboarding'), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[#121212] p-4 w-full", onClick: ()=>handleTabChange('breastfeedingLog'), __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, isArabic ? 'سجل الرضاعة الطبيعية' : 'Breastfeeding Log'), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[#121212] p-4 w-full", onClick: ()=>handleTabChange('growthCharts'), __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, isArabic ? 'مخططات النمو' : 'Growth Charts'), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-[#121212] p-4 w-full", onClick: ()=>handleTabChange('chat'), __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, isArabic ? 'الدردشة' : 'Q&A Chat'), /*#__PURE__*/ React.createElement("button", { className: "mt-auto p-4 font-roboto text-[#121212] w-full", onClick: handleLanguageToggle, __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, isArabic ? 'English' : 'العربية')), /*#__PURE__*/ React.createElement("main", { className: "w-full p-4 flex-grow", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, content), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, ` `)); }