function MainComponent() { const [logs, setLogs] = React.useState([]); const [form, setForm] = React.useState({ workout: "", sets: "", reps: "", weight: "" }); const handleChange = (e)=>{ setForm({ ...form, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); setLogs([ ...logs, { ...form, date: new Date().toISOString().split("T")[0] } ]); setForm({ workout: "", sets: "", reps: "", weight: "" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center p-4 font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mt-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Workout Log"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-xl bg-white p-4 rounded-lg shadow-md mt-6", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "workout", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Workout"), /*#__PURE__*/ React.createElement("input", { name: "workout", type: "text", className: "w-full p-2 border rounded-md", placeholder: "Enter workout name", value: form.workout, onChange: handleChange, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "sets", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Sets"), /*#__PURE__*/ React.createElement("input", { name: "sets", type: "number", className: "w-full p-2 border rounded-md", placeholder: "Enter number of sets", value: form.sets, onChange: handleChange, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "reps", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Reps"), /*#__PURE__*/ React.createElement("input", { name: "reps", type: "number", className: "w-full p-2 border rounded-md", placeholder: "Enter number of reps", value: form.reps, onChange: handleChange, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "weight", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Weight (lbs)"), /*#__PURE__*/ React.createElement("input", { name: "weight", type: "number", className: "w-full p-2 border rounded-md", placeholder: "Enter weight used", value: form.weight, onChange: handleChange, __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, "Add Workout")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl bg-white p-4 rounded-lg shadow-md mt-6", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "Workout History"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, logs.map((log, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "border p-4 rounded-md", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, log.workout), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Sets: ", log.sets), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "Reps: ", log.reps), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, "Weight: ", log.weight, " lbs"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Date: ", log.date)))))); }