function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[100px] font-bold font-roboto mt-[5px] mb-[5px] text-[#000000]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "SKY STYLE"), /*#__PURE__*/ React.createElement("h2", { className: "text-[25px] font-roboto mt-[10px] mb-[10px] text-[#000000]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Today's weather attire")), /*#__PURE__*/ React.createElement("div", { className: "flex w-full h-full gap-[10px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 relative", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "sunny_day.jpg", alt: "Sunny day park with sunshine", className: "w-full h-full rounded-[30px]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-[50px] italic drop-shadow-[0_1px_3px_rgba(0,0,0,0.75)]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "sunny day"))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 relative", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "rainy_day.jpg", alt: "Rainy day park with lampposts", className: "w-full h-full rounded-[30px]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-[50px] italic drop-shadow-[0_1px_3px_rgba(0,0,0,0.75)]", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "rainy day"))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-[1000px] h-[800px]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this })); }