function MainComponent({ page, data }) { let content; switch(page){ case 'homepage': content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f8ff] min-h-screen p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#2b6777] font-bold text-3xl mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Thailand Live Jobs"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-8", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border-2 border-[#3caea3] w-full max-w-xl p-2 mr-2", type: "text", placeholder: "Search jobs...", name: "search", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "border-2 border-[#3caea3] p-2 mr-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Category"), /*#__PURE__*/ React.createElement("option", { value: "IT", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "IT"), /*#__PURE__*/ React.createElement("option", { value: "Marketing", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "Marketing"), /*#__PURE__*/ React.createElement("option", { value: "Design", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Design")), /*#__PURE__*/ React.createElement("button", { className: "bg-[#3caea3] text-white py-2 px-6", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Search")), /*#__PURE__*/ React.createElement("img", { src: "./thailand-landmark.jpg", alt: "Iconic landmark in Thailand", className: "w-full max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this })); break; case 'jobListings': content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] min-h-screen p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, data.map((job, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col border border-gray-200 p-4 items-center w-full max-w-xs", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: job.logo, alt: `${job.company} logo`, className: "w-16 h-16 mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#333]", __source: { fileName: "", lineNumber: 31, columnNumber: 19 }, __self: this }, job.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, job.location), /*#__PURE__*/ React.createElement("button", { className: "bg-[#3caea3] text-white py-2 px-4 mt-4", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, "View")))))); break; case 'jobDetails': content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f8ff] min-h-screen p-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: data.companyLogo, alt: `${data.company} logo`, className: "w-20 h-20 mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#2b6777] font-bold mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, data.position), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-[#666]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, data.description), /*#__PURE__*/ React.createElement("button", { className: "bg-[#3caea3] text-white py-2 px-6 mr-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Apply"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2b6777] text-white py-2 px-6", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Save"))); break; case 'signUpLogin': content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] min-h-screen flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-[#2b6777] font-bold mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Sign Up / Login"), /*#__PURE__*/ React.createElement("input", { className: "border mb-2 p-2 w-full max-w-xs", type: "text", placeholder: "Email", name: "email", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "border mb-4 p-2 w-full max-w-xs", type: "password", placeholder: "Password", name: "password", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#3caea3] text-white py-2 px-6 mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Sign Up / Login"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Or sign in with:"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between max-w-xs w-full", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#3b5998] text-white py-2 px-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Facebook"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00acee] text-white py-2 px-4", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Twitter"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0e76a8] text-white py-2 px-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "LinkedIn"))); break; case 'userProfile': content = /*#__PURE__*/ React.createElement("div", { className: "bg-[#fafafa] min-h-screen p-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4 max-w-md mx-auto", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: data.profilePicture, alt: "User profile", className: "w-24 h-24 mb-4 rounded-full mx-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#2b6777] font-bold mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, data.username), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Saved Jobs: ", data.savedJobs.length), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Applications: ", data.applications.length), /*#__PURE__*/ React.createElement("button", { className: "bg-[#3caea3] text-white py-2 px-6", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Edit Profile"))); break; default: content = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, "Page not found"); } return content; } function StoryComponent() { const homepageData = {}; const jobListingsData = [ { logo: './company-logo1.jpg', title: 'Software Engineer', company: 'ABC Corp', location: 'Bangkok' }, { logo: './company-logo2.jpg', title: 'Product Manager', company: 'XYZ Inc', location: 'Chiang Mai' } ]; const jobDetailsData = { companyLogo: './company-logo1.jpg', company: 'ABC Corp', position: 'Software Engineer', description: 'Full time job in Bangkok, Thailand. Requires 5 years experience in software development.' }; const signUpLoginData = {}; const userProfileData = { profilePicture: './user-profile.jpg', username: 'John Doe', savedJobs: [ 'Job1', 'Job2' ], applications: [ 'Job3' ] }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 111, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { page: "homepage", data: homepageData, __source: { fileName: "", lineNumber: 112, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "jobListings", data: jobListingsData, __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "jobDetails", data: jobDetailsData, __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "signUpLogin", data: signUpLoginData, __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "userProfile", data: userProfileData, __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this })); }