function MainComponent() { const [email, setEmail] = React.useState(''); const [password, setPassword] = React.useState(''); const handleEmailChange = (event)=>setEmail(event.target.value); const handlePasswordChange = (event)=>setPassword(event.target.value); const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-[#6DD5FA] to-[#FFFFFF]", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 p-6", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "Portal logo in aqua blue and white theme", className: "w-[120px] h-[120px]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-6 rounded-lg bg-white shadow-2xl", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-6", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#3498db] text-lg font-roboto mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "appearance-none border-2 border-[#3498db] rounded w-full px-4 py-2 text-[#3498db] leading-tight focus:outline-none focus:border-[#2980b9]", id: "email", type: "email", placeholder: "Enter your email", name: "email", value: email, onChange: handleEmailChange, required: true, __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#3498db] text-lg font-roboto mb-2", htmlFor: "password", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { className: "appearance-none border-2 border-[#3498db] rounded w-full px-4 py-2 text-[#3498db] leading-tight focus:outline-none focus:border-[#2980b9]", id: "password", type: "password", placeholder: "Enter your password", name: "password", value: password, onChange: handlePasswordChange, required: true, __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2980b9] hover:bg-[#3498db] text-white font-roboto py-2 px-4 rounded-lg transition-colors duration-300", type: "submit", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("a", { className: "text-center text-[#2980b9] hover:text-[#3498db] font-roboto", href: "#", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Forgot password?")))); }