function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F3F4F6] w-full min-h-screen p-4 md:p-8 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#1C3A13] font-crimson-text text-3xl md:text-5xl mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "📖 Children's Fairytale Book 📖"), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[500px] lg:w-[700px] rounded-lg shadow-lg bg-white p-6", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-[#2C5F2D] text-xl mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "The Enchanted Forest"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#3F6212] text-sm mb-6", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Deep in the enchanted forest, magical creatures lived in harmony, and every day was a new adventure for the curious little elf named Elara..."), /*#__PURE__*/ React.createElement("img", { src: "/images/enchanted-forest.png", alt: "Colorful enchanted forest with Elara the elf in the foreground", className: "w-full h-[300px] md:h-[400px] object-cover mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-[#48BB78] text-white font-roboto text-md px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "previous", className: "mr-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "👈"), "Previous"), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-[#48BB78] text-white font-roboto text-md px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Next", /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "next", className: "ml-2", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "👉"))))); }