function MainComponent() { const [page, setPage] = React.useState('home'); const switchPage = (newPage)=>{ setPage(newPage); }; const [loading, setLoading] = React.useState(false); const [faqAnswers, setFaqAnswers] = React.useState([]); const fetchFAQAnswers = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "What are some common health questions?" } ], system_prompt: 'Provide answers for common health questions', max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setFaqAnswers(data.result.split('\n')); } } catch (error) { console.error("Error fetching FAQ answers:", error); } setLoading(false); }; React.useEffect(()=>{ if (page === 'faqs') { fetchFAQAnswers(); } }, [ page ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#add8e6] p-5 flex justify-center items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl w-full space-y-4 bg-white/90 backdrop-blur-lg p-5 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-5", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Minha Saúde"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#121212] font-roboto mr-4", onClick: ()=>switchPage('home'), __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Início"), /*#__PURE__*/ React.createElement("button", { className: "text-[#121212] font-roboto mr-4", onClick: ()=>switchPage('info'), __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Instruções"), /*#__PURE__*/ React.createElement("button", { className: "text-[#121212] font-roboto mr-4", onClick: ()=>switchPage('targets'), __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Metas"), /*#__PURE__*/ React.createElement("button", { className: "text-[#121212] font-roboto mr-4", onClick: ()=>switchPage('gynecological'), __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Ginecológica"), /*#__PURE__*/ React.createElement("button", { className: "text-[#121212] font-roboto", onClick: ()=>switchPage('faqs'), __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "FAQs")))), page === 'home' && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "🦠 Doenças"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc ml-5 mt-3", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, "Diabetes"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, "Hipertensão"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, "Artrite")))), /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "💊 Medicamentos"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc ml-5 mt-3", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, "Metformina - 500mg diários"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "Lisinopril - 10mg diários"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Ibuprofeno - conforme necessário")))), /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, "🌱 Medidas Não Farmacológicas"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc ml-5 mt-3", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, "Exercício regular"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, "Alimentação saudável"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, "Técnicas de gestão de estresse"))))), page === 'info' && /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, "Instruções e Documentos"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mt-4", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Baixe instruções e documentos importantes para melhor acompanhar sua saúde."), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#4caf50] font-roboto px-4 py-2 rounded", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "Baixar Documentos")))), page === 'targets' && /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "Metas de Saúde"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "exercise", id: "exercise", className: "mr-2", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "exercise", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "Exercício regular")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "healthy_eating", id: "healthy_eating", className: "mr-2", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "healthy_eating", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "Alimentação balanceada")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "stress_management", id: "stress_management", className: "mr-2", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "stress_management", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, "Gestão eficaz do estresse"))))), page === 'gynecological' && /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Saúde Ginecológica"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mt-4", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, "Datas importantes para prevenção de doenças oncológicas:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc ml-5 mt-3", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, "Mamografia anual - a partir dos 40 anos"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, "Papanicolau - a cada 3 anos, após início da vida sexual"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "Vacinação contra HPV - recomendada antes do início da vida sexual")))), page === 'faqs' && /*#__PURE__*/ React.createElement("div", { className: "shadow-lg rounded-lg bg-white p-5", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-medium text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, "Perguntas Frequentes"), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-10", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Carregando...") : /*#__PURE__*/ React.createElement("ul", { className: "list-disc ml-5 mt-3", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, faqAnswers.map((answer, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, answer)))))); }