function MainComponent({ images }) { const slides = images.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "swiper-slide", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image.src, alt: image.alt, className: "w-full h-[400px] object-cover", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }))); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "swiper-container", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "swiper-wrapper", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, slides), /*#__PURE__*/ React.createElement("div", { className: "swiper-button-next", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "swiper-button-prev", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "swiper-pagination", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }))); } function StoryComponent() { const images = [ { src: './images/slide1.jpg', alt: 'A person smiling in a bright room' }, { src: './images/slide2.jpg', alt: 'A person holding keys in an office' }, { src: './images/slide3.jpg', alt: 'A couple hugging' }, { src: './images/slide4.jpg', alt: 'A person in a suit facing away' } ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px]", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { images: images, __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); }