function MainComponent() { const [formData, setFormData] = React.useState({ age: "", gender: "male", weight: "", height: "", activityLevel: "sedentary", goal: "weight loss" }); const [weightProgress, setWeightProgress] = React.useState([]); const [macroPlan, setMacroPlan] = React.useState(null); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const calculateMacros = (weight, height, age, activityLevel, goal)=>{ let calories = weight * 10 + height * 6.25 - age * 5; switch(activityLevel){ case "active": calories *= 1.55; break; default: calories *= 1.2; } switch(goal){ case "muscle gain": calories += 500; break; case "weight loss": calories -= 500; break; } let proteinRatio = 1; if (goal === "muscle gain") { proteinRatio = 1.2; } else if (goal === "reverse dieting") { proteinRatio = 1; } else { proteinRatio = 1; } return { protein: Math.round(proteinRatio * weight), carbs: Math.round(calories * 0.4 / 4), fats: Math.round(calories * 0.3 / 9) }; }; const handleSubmit = (e)=>{ e.preventDefault(); const { age, gender, weight, height, activityLevel, goal } = formData; const macros = calculateMacros(weight, height, age, activityLevel, goal); setMacroPlan(macros); }; const handleProgressSubmit = (e)=>{ e.preventDefault(); const weight = formData.weight; setWeightProgress([ ...weightProgress, weight ]); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, "Fitness Goals"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 w-full max-w-md", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "age", type: "number", placeholder: "Age", className: "w-full p-2 border border-gray-300", value: formData.age, onChange: handleChange, __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "gender", className: "w-full p-2 border border-gray-300", value: formData.gender, onChange: handleChange, __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Male"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Female")), /*#__PURE__*/ React.createElement("input", { name: "weight", type: "number", placeholder: "Weight (kg)", className: "w-full p-2 border border-gray-300", value: formData.weight, onChange: handleChange, __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "height", type: "number", placeholder: "Height (cm)", className: "w-full p-2 border border-gray-300", value: formData.height, onChange: handleChange, __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "activityLevel", className: "w-full p-2 border border-gray-300", value: formData.activityLevel, onChange: handleChange, __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "sedentary", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "Sedentary"), /*#__PURE__*/ React.createElement("option", { value: "active", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Active")), /*#__PURE__*/ React.createElement("select", { name: "goal", className: "w-full p-2 border border-gray-300", value: formData.goal, onChange: handleChange, __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "weight loss", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Weight Loss"), /*#__PURE__*/ React.createElement("option", { value: "muscle gain", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Muscle Gain"), /*#__PURE__*/ React.createElement("option", { value: "reverse dieting", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Reverse Dieting")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "Calculate Macros")), macroPlan && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "Daily Macros"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "Protein: ", macroPlan.protein, "g"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Carbohydrates: ", macroPlan.carbs, "g"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Fats: ", macroPlan.fats, "g")), /*#__PURE__*/ React.createElement("h2", { className: "text-xl mt-6", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, "Weight Progress"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleProgressSubmit, className: "space-y-4 w-full max-w-md", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "weight", type: "number", placeholder: "Current Weight (kg)", className: "w-full p-2 border border-gray-300", value: formData.weight, onChange: handleChange, __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-green-500 text-white", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "Save Progress")), /*#__PURE__*/ React.createElement("ul", { className: "mt-4 w-full max-w-md", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, weightProgress.map((weight, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-2 border-b border-gray-300", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Weight: ", weight, "kg")))); }