function MainComponent({ weather, timeOfDay }) { let skiesStyle = "bg-[#87CEEB]"; let parkLighting = "from-[#87CEEB] to-[#1E90FF]"; let fireworksDisplay = ""; if (weather === "cloudy") { skiesStyle = "bg-[#B0C4DE]"; } if (timeOfDay === "night") { parkLighting = "from-[#000080] to-[#191970]"; fireworksDisplay = "before:content-['🎆'] before:absolute before:text-6xl before:text-pink-500 before:top-10 before:right-10"; } return /*#__PURE__*/ React.createElement("div", { className: `w-full h-screen ${skiesStyle} relative`, __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-b ${parkLighting} flex justify-center items-center`, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-10", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-4xl text-white font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Skyward Amusement Park"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-white font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Explore our sky-high attractions!"))), /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 flex justify-around items-center ${fireworksDisplay}`, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-40 h-40 rounded-full bg-[#F08080] shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl text-white font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "🎢")), /*#__PURE__*/ React.createElement("div", { className: "w-40 h-40 rounded-full bg-[#FFD700] shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl text-white font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "🎡")))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { weather: "clear", timeOfDay: "day", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { weather: "cloudy", timeOfDay: "day", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { weather: "cloudy", timeOfDay: "night", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this })); }