function MainComponent() { const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [error, setError] = React.useState(""); const handleSignIn = async (event)=>{ event.preventDefault(); try { const user = await Auth.signIn(email, password); window.location.href = "https://localhost:3000"; } catch (error) { setError(error.message); setTimeout(()=>setError(""), 3000); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignIn, className: "bg-white p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-center mb-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Cognito Sign In"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", required: true, className: "w-full p-2 border rounded", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", required: true, className: "w-full p-2 border rounded", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Sign In"), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-red-100 border border-red-400 text-red-700", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, error))); }