function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); alert("¡Aquí está tu plan de dieta pre-preparado!"); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f4f8] p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-around mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#333]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Calculadora"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#aaa] cursor-pointer", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Plan de Dieta"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-[#aaa] cursor-pointer", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Progreso")), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl font-semibold text-center text-[#333] mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Calculadora de Dieta"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "currentWeight", className: "block font-roboto text-[#555]", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Peso Actual (kg)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "currentWeight", id: "currentWeight", className: "w-full px-3 py-2 border border-[#ccc] rounded-md focus:outline-none focus:ring-2 focus:ring-[#2a9d8f]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "desiredWeight", className: "block font-roboto text-[#555]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Peso Deseado (kg)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "desiredWeight", id: "desiredWeight", className: "w-full px-3 py-2 border border-[#ccc] rounded-md focus:outline-none focus:ring-2 focus:ring-[#2a9d8f]", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#2a9d8f] text-white font-roboto px-4 py-2 rounded-md hover:bg-[#21867a] focus:outline-none focus:ring-2 focus:ring-[#2a9d8f]", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Obtener Plan de Dieta")))); }