function MainComponent() { const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [isSubmitting, setSubmitting] = React.useState(false); const handleEmailChange = (event)=>setEmail(event.target.value); const handlePasswordChange = (event)=>setPassword(event.target.value); const handleSubmit = async (event)=>{ event.preventDefault(); setSubmitting(true); await new Promise((resolve)=>setTimeout(resolve, 2000)); setSubmitting(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#ffefd5]", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-10 bg-[#fffaf0] shadow-lg rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl text-center mb-10", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "🌭 Hotdog Dating 🌭"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "E-Mail"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", value: email, onChange: handleEmailChange, required: true, className: "mt-1 w-full p-2 border border-gray-300 rounded focus:outline-none focus:border-[#fa8072] focus:ring-1 focus:ring-[#fa8072]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", value: password, onChange: handlePasswordChange, required: true, className: "mt-1 w-full p-2 border border-gray-300 rounded focus:outline-none focus:border-[#fa8072] focus:ring-1 focus:ring-[#fa8072]", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: `w-full p-3 rounded font-roboto text-white ${isSubmitting ? 'bg-gray-500' : 'bg-[#fa8072] hover:bg-[#ff6347]'}`, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, isSubmitting ? 'Logging in...' : 'Login'))), /*#__PURE__*/ React.createElement("img", { src: "hotdog-banner.jpg", alt: "A banner with various hotdogs", className: "w-full max-w-md rounded-t-lg mt-5", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this })); }