function MainComponent() { const posts = [ { id: 1, user: "John Doe", avatar: "path/to/avatar1.jpg", time: "2 hrs", content: "Just had an amazing lunch!", image: "path/to/image1.jpg", likes: 10, comments: 2 }, { id: 2, user: "Jane Smith", avatar: "path/to/avatar2.jpg", time: "5 hrs", content: "Loving the new park in our neighborhood.", image: null, likes: 25, comments: 5 } ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mx-auto p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex items-center mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/facebook-logo.png", alt: "Facebook Logo", className: "w-[50px] h-[50px] mr-3", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-[#1877f2]", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Facebook")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 shadow-lg rounded-xl mb-8", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/current-user-avatar.jpg", alt: "Current User Avatar", className: "w-[50px] h-[50px] rounded-full mr-3", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What's on your mind?", className: "w-full p-3 border border-gray-300 rounded-full", name: "postContent", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#1877f2] text-white py-2 px-6 rounded-full", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Post"))), posts.map((post)=>/*#__PURE__*/ React.createElement("div", { key: post.id, className: "bg-white p-6 shadow-lg rounded-xl mb-8", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-3", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: post.avatar, alt: `${post.user} Avatar`, className: "w-[50px] h-[50px] rounded-full mr-3", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto font-bold", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, post.user), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, post.time))), /*#__PURE__*/ React.createElement("div", { className: "font-roboto mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, post.content), post.image && /*#__PURE__*/ React.createElement("img", { src: post.image, alt: `Post image from ${post.user}`, className: "w-full h-auto rounded-lg mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-[#606770]", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-thumbs-up mr-1", __source: { fileName: "", lineNumber: 75, columnNumber: 18 }, __self: this }), post.likes, " Likes"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-comment mr-1", __source: { fileName: "", lineNumber: 76, columnNumber: 18 }, __self: this }), post.comments, " Comments"))))); }