function MainComponent() { const [weight, setWeight] = useState(""); const [goal, setGoal] = useState("maintain"); const [calories, setCalories] = useState(null); const calculateCalories = ()=>{ const weightNum = parseFloat(weight); if (!weightNum || weightNum <= 0) return; let multiplier; switch(goal){ case "lose": multiplier = 11; break; case "maintain": multiplier = 15; break; case "gain": multiplier = 16; break; default: multiplier = 15; } setCalories(Math.round(weightNum * multiplier)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6 font-roboto text-gray-800", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Daily Calorie Calculator"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Your Weight in Pounds (kg x 2.2)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "weight", value: weight, onChange: (e)=>setWeight(e.target.value), className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Enter your weight", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Your Goal"), /*#__PURE__*/ React.createElement("select", { name: "goal", value: goal, onChange: (e)=>setGoal(e.target.value), className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "lose", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Lose Weight"), /*#__PURE__*/ React.createElement("option", { value: "maintain", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Maintain Weight"), /*#__PURE__*/ React.createElement("option", { value: "gain", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "Gain Weight"))), /*#__PURE__*/ React.createElement("button", { onClick: calculateCalories, className: "w-full bg-[#1accff] text-white py-2 rounded-md hover:bg-[#15b3e0] transition-colors font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Calculate"), calories && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-gray-50 rounded-md", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-center font-roboto text-gray-800", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Your Daily Calories:"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-center text-blue-500 mt-2", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, calories, " calories"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Share this calculator with your friends!"), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Based on the formula: Weight × multiplier"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Lose: 10-12x | Maintain: 15x | Gain: 16+x")))); }