function MainComponent({ logo }) { return /*#__PURE__*/ React.createElement("div", { className: "font-open-sans bg-[#1D2115] min-h-screen flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2E3521] rounded-lg shadow-lg overflow-hidden max-w-4xl w-full flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 flex-1", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logo, alt: "Company Logo", className: "h-12", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-[#F3E3AC] text-2xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "アカウントの作成"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "フルネーム", className: "w-full bg-transparent border-b border-[#F3E3AC] text-[#F3E3AC] placeholder-[#726950] pb-2 focus:outline-none", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full bg-transparent border-b border-[#F3E3AC] text-[#F3E3AC] placeholder-[#726950] pb-2 focus:outline-none", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full bg-transparent border-b border-[#F3E3AC] text-[#F3E3AC] placeholder-[#726950] pb-2 focus:outline-none", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", placeholder: "確認用パスワード", className: "w-full bg-transparent border-b border-[#F3E3AC] text-[#F3E3AC] placeholder-[#726950] pb-2 focus:outline-none", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#F3E3AC] text-[#2E3521] py-2 rounded-md hover:bg-[#f7ecc4] transition duration-300", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Create Account"))), /*#__PURE__*/ React.createElement("p", { className: "text-[#726950] text-xs text-center mt-6", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "By signing up, you agree to our Terms & Conditions and Privacy Policy.")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block flex-1", __source: { fileName: "", lineNumber: 33, 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: "Nature inspired background with plants and sunlight", className: "object-cover w-full h-full", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })))); } function StoryComponent() { const logo = "/path/to/your/logo.png"; return /*#__PURE__*/ React.createElement(MainComponent, { logo: logo, __source: { fileName: "", lineNumber: 43, columnNumber: 10 }, __self: this }); }