function MediumLogoDisplay({ alt, src }) { return /*#__PURE__*/ React.createElement("img", { alt: alt, src: src, className: "w-24 h-24", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function MediumLogoDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MediumLogoDisplay, { alt: "Medium logo", src: "https://ucarecdn.com/d6d03ea5-17df-43ac-9026-8075af650e56/", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex justify-center items-center bg-[#1D2115]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap md:flex-nowrap bg-[#2E3521] rounded-lg overflow-hidden max-w-[800px] w-full", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 p-8 flex flex-col justify-between", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(MediumLogoDisplay, { alt: "Medium logo", src: "https://ucarecdn.com/d6d03ea5-17df-43ac-9026-8075af650e56/", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-[#F3E3AC] font-open-sans text-2xl mb-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Create your account"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: "border-b border-[#F3E3AC] bg-transparent text-[#F3E3AC] placeholder-[#726950] font-open-sans pb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "border-b border-[#F3E3AC] bg-transparent text-[#F3E3AC] placeholder-[#726950] font-open-sans pb-2", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "border-b border-[#F3E3AC] bg-transparent text-[#F3E3AC] placeholder-[#726950] font-open-sans pb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", placeholder: "Confirm Password", className: "border-b border-[#F3E3AC] bg-transparent text-[#F3E3AC] placeholder-[#726950] font-open-sans pb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 py-2 rounded text-[#2E3521] bg-[#F3E3AC] hover:bg-[#f4e4ad]", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Create Account"))), /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#726950] mt-8 text-xs", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "By signing up, you agree to our Terms & Conditions and Privacy Policy.")), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 flex items-center justify-center", style: { minHeight: '400px' }, __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://images.pexels.com/photos/8973337/pexels-photo-8973337.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2", alt: "A serene desk setup with a laptop, notebook, and a cup of coffee", className: "max-w-full h-auto align-middle", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this })))); }