/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f8f8f2]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#8be9fd] text-[#44475a] py-4 px-6", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-corben", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Whimsical Adventure")), /*#__PURE__*/ React.createElement("div", { className: "md:flex flex-1", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-full md:w-[300px] bg-[#ffb86c] p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-corben mb-3", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Your Status:"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Endurance: 💖 ", /*#__PURE__*/ React.createElement("span", { id: "endurance-value", __source: { fileName: "", lineNumber: 9, columnNumber: 54 }, __self: this }, "100")), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Gold: 💰 50"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Inventory:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 font-montserrat", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Magic Sword 🗡️"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Leather Armor 🛡️"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Potion of Healing 🧪")), /*#__PURE__*/ React.createElement("button", { id: "generate-endurance", onClick: ()=>{ const enduranceElement = document.getElementById('endurance-value'); const button = document.getElementById('generate-endurance'); const randomValue = Math.floor(Math.random() * 10); const endurance = 10 + randomValue; enduranceElement.textContent = endurance; button.style.display = 'none'; }, className: "mt-4 bg-[#8be9fd] text-[#282a36] font-montserrat px-4 py-2", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Generate Endurance")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-corben mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Achievements:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 font-montserrat", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Escaped the Wicked Forest 🌲"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Defeated the Ogre 👹"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Found the Enchanted Amulet ✨")))), /*#__PURE__*/ React.createElement("main", { className: "w-full flex-1 bg-[#6272a4] p-6 overflow-auto", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "prose", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-corben text-2xl mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Chapter One: The Mysterious Cave"), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Your journey begins at the entrance of a dark and foreboding cave. The wind whispers tales of forgotten treasures and unspeakable dangers. Will you enter the cave or continue on the path through the Enchanted Forest?"), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#50fa7b] text-[#282a36] font-montserrat px-4 py-2 mr-4 shadow-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Enter the Cave"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ff79c6] text-[#282a36] font-montserrat px-4 py-2 shadow-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Explore the Forest")), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat mt-8 italic", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Choose wisely, for each decision will shape the outcome of your story.")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#44475a] text-[#f8f8f2] text-center py-3 font-montserrat", __source: { fileName: "", lineNumber: 64, columnNumber: 3 }, __self: this }, "© 2023 Whimsical Adventure Co."));