function MainComponent() { const [isSubmitting, setIsSubmitting] = React.useState(false); const [selectedNames, setSelectedNames] = React.useState([]); const [selectedSession, setSelectedSession] = React.useState(""); const handleSubmit = (e)=>{ e.preventDefault(); setIsSubmitting(true); setTimeout(()=>{ setIsSubmitting(false); }, 3000); }; const handleNameChange = (e)=>{ const value = e.target.value; setSelectedNames((prevNames)=>prevNames.includes(value) ? prevNames.filter((name)=>name !== value) : [ ...prevNames, value ]); }; const handleSessionChange = (e)=>{ setSelectedSession(e.target.value); }; const meanNames = [ 'Weakling', 'Quitter', 'Coward' ]; const trainingSessions = { 'Basic': '10 Jumping Jacks', 'Intermediate': '20 Sit-Ups', 'Advanced': '30 Push-Ups' }; const today = new Date().toLocaleDateString('en-US', { day: 'numeric', month: 'long', year: 'numeric' }); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#ff5454]", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-[#600202] text-5xl md:text-6xl lg:text-7xl", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Are you ready to sweat, ", selectedNames.length ? selectedNames[0] : 'Trooper', "?!"), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#8e0303] text-3xl md:text-4xl lg:text-5xl", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, selectedNames.length ? `You'll wish you were a ${selectedNames[Math.floor(Math.random() * selectedNames.length)]}!` : "This won't be a walk in the park!")), !selectedSession ? /*#__PURE__*/ React.createElement("div", { className: "m-10 p-8 bg-[#ffdada] rounded-lg shadow-2xl w-full md:w-[650px] lg:w-[850px]", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#600202] font-semibold text-xl mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "What shall I call you?"), meanNames.map((name)=>/*#__PURE__*/ React.createElement("div", { key: name, className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "selectedNames", value: name, onChange: handleNameChange, className: "mr-2 h-5 w-5", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "text-lg font-medium text-[#600202]", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, name)))), selectedNames.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#600202] font-semibold text-xl mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Pick your torture!"), Object.entries(trainingSessions).map(([level, session])=>/*#__PURE__*/ React.createElement("div", { key: level, __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "trainingSession", value: session, onChange: handleSessionChange, id: level, className: "mr-2 h-5 w-5", __source: { fileName: "", lineNumber: 63, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: level, className: "text-lg font-medium text-[#600202]", __source: { fileName: "", lineNumber: 71, columnNumber: 21 }, __self: this }, `${level} - ${session}`)))), /*#__PURE__*/ React.createElement("button", { className: "bg-[#600202] text-white font-bold py-4 rounded hover:bg-[#8e0303] transition-colors text-xl", type: "submit", disabled: isSubmitting, __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, isSubmitting ? "THINKING..." : "SUBMIT YOUR FATE"))) : /*#__PURE__*/ React.createElement("div", { className: "m-10 p-8 bg-[#ffdada] rounded-lg shadow-2xl w-full md:w-[650px] lg:w-[850px]", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#600202] text-xl mb-2 font-semibold", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Today's Session: ", selectedSession), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium text-[#600202]", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "You did great, ", selectedNames[0], "!"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#600202] text-white font-bold px-4 py-2 rounded hover:bg-[#8e0303] transition-colors text-lg", onClick: ()=>setSelectedSession(""), __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Choose Again"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#600202] text-white font-bold px-4 py-2 rounded hover:bg-[#8e0303] transition-colors text-lg", onClick: ()=>{}, __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Mark ", today, " as Done")))), /*#__PURE__*/ React.createElement("p", { className: "text-[#8e0303] font-semibold text-2xl", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, selectedSession ? "See you next session, Warrior!" : "You better be prepared!")); }

Are you ready to sweat, Trooper?!

This won't be a walk in the park!