function MainComponent() { const handleSetGoal = ()=>alert("Goals setting feature coming soon!"); const handleViewCharts = ()=>alert("Charts viewing feature coming soon!"); const handleSetReminder = ()=>alert("Reminder setting feature coming soon!"); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "WeightTrack"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-medium", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Your Ultimate Workout Companion")), /*#__PURE__*/ React.createElement("main", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-white shadow-md rounded-lg p-6 mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Log Workout"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Exercise Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "exerciseName", className: "mt-1 w-full rounded-lg border-gray-300 p-3", placeholder: "e.g., Bench Press", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Sets x Reps x Weight"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "details", className: "mt-1 w-full rounded-lg border-gray-300 p-3", placeholder: "e.g., 5x5x200lbs", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Rest Time"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "restTime", className: "mt-1 w-full rounded-lg border-gray-300 p-3", placeholder: "e.g., 90 seconds", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 rounded-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Log Workout"))), /*#__PURE__*/ React.createElement("section", { className: "bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Progress Tracker"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Track your weight and strength progress over time."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSetGoal, className: "bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Set Goals"), /*#__PURE__*/ React.createElement("button", { onClick: handleViewCharts, className: "bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "View Charts"))))), /*#__PURE__*/ React.createElement("footer", { className: "text-center p-4 mt-6", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Never miss a workout! Setup reminders to keep your progress on track."), /*#__PURE__*/ React.createElement("button", { onClick: handleSetReminder, className: "mt-3 bg-purple-500 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Set Reminder"))); }