function MainComponent({ posts }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4 p-4 bg-[#ffebcd] w-full min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text text-2xl font-bold", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "My Instagram"), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[600px]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, posts.map((post, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center bg-white p-4 rounded-lg shadow-md mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: post.profileImage, alt: `${post.username} profile`, className: "w-[40px] h-[40px] rounded-full", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, post.username)), /*#__PURE__*/ React.createElement("img", { src: post.image, alt: `Post from ${post.username}`, className: "w-full rounded-lg mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-base", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, post.caption))))); } function StoryComponent() { const posts = [ { username: 'kumamon', profileImage: '/images/kumamon-profile.png', image: '/images/kumamon1.png', caption: 'Enjoying the sunny day!' }, { username: 'kumamom', profileImage: '/images/kumamom-profile.png', image: '/images/kumamom1.png', caption: 'Family outing!' }, { username: 'kumakid', profileImage: '/images/kumakid-profile.png', image: '/images/kumakid1.png', caption: 'Fun at the park!' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { posts: posts, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this })); }