function EmailInputField({ labelText, inputId, inputName, inputPlaceholder, inputType = 'email', onChangeHandler }) { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: inputId, className: "block text-[#ffffff] font-volkhorn text-[1rem] mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, labelText), /*#__PURE__*/ React.createElement("input", { type: inputType, name: inputName, id: inputId, className: "w-full p-2 border rounded", placeholder: inputPlaceholder, onChange: onChangeHandler, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this })); } function EmailInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(EmailInputField, { labelText: "Email", inputId: "email", inputName: "email", inputPlaceholder: "Enter your email", onChangeHandler: ()=>{}, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function SkyBlueSignInButton({ text }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#00BFFF] text-black font-roboto font-bold py-2 px-4 border border-black rounded-md hover:bg-[#87CEEB] hover:border-[#4682B4]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function SkyBlueSignInButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SkyBlueSignInButton, { text: "Sign In", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleEmailChange = ()=>{}; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#071013] flex flex-col items-center justify-center min-h-screen p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/logo.png", alt: "Logo representing 'elevate' with a distinctive mountain-like emblem", className: "w-[80px] h-[80px] mx-auto mb-8", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "bg-[#0F2027] shadow-xl rounded-lg px-8 pt-12 pb-12", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(EmailInputField, { labelText: "Email", inputId: "email", inputName: "email", inputPlaceholder: "Enter your email", inputType: "email", onChangeHandler: handleEmailChange, __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8 mb-10", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-[#ffffff] font-volkhorn text-[1rem] mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", placeholder: "Enter your password", className: "w-full p-2 border rounded focus:outline-none focus:border-sky-500", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(SkyBlueSignInButton, { text: "Sign In", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "mt-6 text-center text-sm font-roboto text-[#CBD5E0]", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Don't have an account?", /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold hover:text-white ml-1", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Sign up")))); }