function MainComponent() { const [score, setScore] = React.useState(0); const [riskCategory, setRiskCategory] = React.useState(''); const [isSubmitting, setIsSubmitting] = React.useState(false); const calculateRisk = (event)=>{ event.preventDefault(); setIsSubmitting(true); setTimeout(()=>{ const formData = new FormData(event.target); let totalScore = 0; totalScore += parseInt(formData.get('age')) || 0; totalScore += parseInt(formData.get('sex')) || 0; totalScore += parseInt(formData.get('familyHistory')) || 0; totalScore += parseInt(formData.get('bmi')) || 0; totalScore += parseInt(formData.get('cholesterol')) || 0; totalScore += parseInt(formData.get('ldl')) || 0; totalScore += parseInt(formData.get('hdl')) || 0; totalScore += parseInt(formData.get('bloodPressure')) || 0; totalScore += parseInt(formData.get('smoking')) || 0; totalScore += parseInt(formData.get('physicalActivity')) || 0; totalScore += parseInt(formData.get('diet')) || 0; totalScore += parseInt(formData.get('alcohol')) || 0; totalScore += parseInt(formData.get('diabetes')) || 0; totalScore += parseInt(formData.get('kidneyDisease')) || 0; setScore(totalScore); if (totalScore <= 6) { setRiskCategory('Baixo Risco'); } else if (totalScore <= 12) { setRiskCategory('Risco Moderado'); } else if (totalScore <= 18) { setRiskCategory('Alto Risco'); } else { setRiskCategory('Muito Alto Risco'); } setIsSubmitting(false); }, 1500); }; let recommendations; if (riskCategory) { recommendations = /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-lg mb-2 text-[#121212]", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "Recomendações"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Com base na sua pontuação de ", score, " pontos, você está na categoria: ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 44, columnNumber: 80 }, __self: this }, riskCategory), ".", riskCategory === 'Baixo Risco' && /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 46 }, __self: this }, " Continue mantendo um estilo de vida saudável e faça exames regulares."), riskCategory === 'Risco Moderado' && /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 49 }, __self: this }, " É importante fazer ajustes no estilo de vida e monitorar os fatores de risco mais de perto."), riskCategory === 'Alto Risco' && /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 47, columnNumber: 45 }, __self: this }, " Recomenda-se a busca de intervenção médica para gestão dos riscos."), riskCategory === 'Muito Alto Risco' && /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 48, columnNumber: 51 }, __self: this }, " Consulte um especialista para um plano de tratamento intensivo."))); } return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mt-10 px-4", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-medium text-center mb-6 text-[#121212]", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "Avaliador de Risco CardioVida"), /*#__PURE__*/ React.createElement("form", { onSubmit: calculateRisk, __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#007BFF] text-white font-semibold py-2 px-4 rounded hover:bg-[#0069d9]", disabled: isSubmitting, __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { animation: 'spin 1s linear infinite' }, className: "w-4 h-4 border-2 border-white border-t-2 border-t-transparent rounded-full", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-white font-medium", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Carregando...")) : 'Calcular Risco')), recommendations); } /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 72, columnNumber: 1 }, __self: this }, ` @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `);