function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] text-[#FFFFFF] font-uber-text", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-4 border-b border-gray-700", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Social Media Feed")), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1E] p-6 mb-4 rounded-xl", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "user1.jpg", alt: "user profile 1", className: "w-10 h-10 rounded-full mr-4", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "User Name 1"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "@username1"))), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Just posted a new update! #exciting #uberdesign"), /*#__PURE__*/ React.createElement("img", { src: "post1.jpg", alt: "user post 1", className: "w-full h-[300px] object-cover mb-4 rounded-xl", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-500", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "2 hours ago"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "100 Likes • 50 Comments"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1E] p-6 mb-4 rounded-xl", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "user2.jpg", alt: "user profile 2", className: "w-10 h-10 rounded-full mr-4", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "User Name 2"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "@username2"))), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Loving the new design system! #uberdesign #ux"), /*#__PURE__*/ React.createElement("img", { src: "post2.jpg", alt: "user post 2", className: "w-full h-[300px] object-cover mb-4 rounded-xl", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-500", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "5 hours ago"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "200 Likes • 80 Comments"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1E] p-6 mb-4 rounded-xl", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "user3.jpg", alt: "user profile 3", className: "w-10 h-10 rounded-full mr-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "User Name 3"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "@username3"))), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "New updates coming soon. Stay tuned! #ubertech #innovation"), /*#__PURE__*/ React.createElement("img", { src: "post3.jpg", alt: "user post 3", className: "w-full h-[300px] object-cover mb-4 rounded-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-500", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "1 day ago"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "150 Likes • 60 Comments"))))); }