function MainComponent({ title, description, buttonLabel, image }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full", src: image.src, alt: image.alt, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, description)), /*#__PURE__*/ React.createElement("div", { className: "px-6 pt-4 pb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, buttonLabel))); } function StoryComponent() { const tripData = { title: "Book Your Sea Trip Now!", description: "Join us on a memorable sea voyage that promises adventure, fun, and tranquility all wrapped in one.", buttonLabel: "Book Now", image: { src: "/sea-trip-cover.jpg", alt: "Sea trip cover" } }; const productData = { title: "Beach Essentials", description: "Discover our range of beach products that ensure your sea time is both comfortable and stylish.", buttonLabel: "Shop Now", image: { src: "/beach-essentials.jpg", alt: "Beach essentials" } }; const privateBeachData = { title: "Access Private Beaches", description: "Get exclusive access to serene private beaches for a peaceful and undisturbed beach day.", buttonLabel: "Gain Access", image: { src: "/private-beach-entry.jpg", alt: "Private beach entry" } }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { ...tripData, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { ...productData, __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { ...privateBeachData, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this })); }