function MainComponent() { const [currentPage, setCurrentPage] = React.useState('home'); const navigate = (page)=>{ setCurrentPage(page); }; const pages = { home: /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen p-5 bg-[#fce4ec]", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold font-cursive text-[#6a1b9a] mb-10 sm:text-3xl", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Emma & Noah's Wedding Planner"), /*#__PURE__*/ React.createElement("nav", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('rsvp'), className: "py-2 px-6 mb-5 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "RSVP"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('details'), className: "py-2 px-6 mb-5 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Details"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('guests'), className: "py-2 px-6 mb-5 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Guest List"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('todos'), className: "py-2 px-6 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "To-Do List"))), rsvp: /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen p-5 bg-[#f3e5f5]", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('home'), className: "self-start p-2 mb-10 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "🔙 Back"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold font-cursive text-[#6a1b9a] mb-10 sm:text-3xl", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "RSVP to our Wedding"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center w-full max-w-md", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 w-full font-roboto text-lg rounded border border-[#4a0072]", type: "text", placeholder: "Full Name", name: "fullName", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "mb-4 p-2 w-full font-roboto text-lg rounded border border-[#4a0072]", type: "email", placeholder: "Email", name: "email", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-4 w-full", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-lg text-[#4a0072]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Will you attend?"), /*#__PURE__*/ React.createElement("select", { className: "p-2 w-full font-roboto text-lg rounded border border-[#4a0072]", name: "attendance", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Select an option"), /*#__PURE__*/ React.createElement("option", { value: "yes", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Yes, I will be there"), /*#__PURE__*/ React.createElement("option", { value: "no", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "No, I can't make it"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-2 mb-4 w-full font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Submit RSVP"))), details: /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen p-5 bg-[#f3e5f5]", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('home'), className: "self-start p-2 mb-10 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "🔙 Back"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold font-cursive text-[#6a1b9a] mb-10 sm:text-3xl", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Wedding Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-center", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Join us for a beautiful ceremony followed by a festive reception with dining, dancing, and merriment."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4 sm:flex-row", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-cursive text-2xl text-[#4a0072]", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Ceremony"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "June 18, 2024"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "The Rose Garden"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "123 Garden Avenue, Springfield")), /*#__PURE__*/ React.createElement("div", { className: "max-w-md", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-cursive text-2xl text-[#4a0072]", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Reception"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "June 18, 2024, 6:00 PM"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "The Grand Ballroom"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "456 Celebration Drive, Springfield"))))), guests: /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen p-5 bg-[#ede7f6]", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('home'), className: "self-start p-2 mb-10 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "🔙 Back"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold font-cursive text-[#6a1b9a] mb-10 sm:text-3xl", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Guest List"), /*#__PURE__*/ React.createElement("div", { className: "overflow-y-auto h-[300px] w-full max-w-lg bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "divide-y divide-[#4a0072]", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "p-4 font-roboto text-lg", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Amelia Johnson")))), todos: /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen p-5 bg-[#e1bee7]", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigate('home'), className: "self-start p-2 mb-10 font-roboto font-semibold rounded text-lg bg-[#4a0072] text-[#ffffff]", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "🔙 Back"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold font-cursive text-[#6a1b9a] mb-10 sm:text-3xl", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "To-Do List"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex-1 font-roboto text-lg", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Finalize catering menu"), /*#__PURE__*/ React.createElement("span", { className: "text-[#4a0072]", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "✅"))))) }; return pages[currentPage]; }