function MainComponent() { const tweets = [ { id: 1, user: "User1", handle: "@user1", content: "This is the first tweet", avatar: "/path/to/avatar1.jpg", time: "2h" }, { id: 2, user: "User2", handle: "@user2", content: "This is the second tweet", avatar: "/path/to/avatar2.jpg", time: "3h" }, { id: 3, user: "User3", handle: "@user3", content: "This is the third tweet", avatar: "/path/to/avatar3.jpg", time: "4h" }, { id: 4, user: "User4", handle: "@user4", content: "This is the fourth tweet", avatar: "/path/to/avatar4.jpg", time: "5h" }, { id: 5, user: "User5", handle: "@user5", content: "This is the fifth tweet", avatar: "/path/to/avatar5.jpg", time: "6h" }, { id: 6, user: "User6", handle: "@user6", content: "This is the sixth tweet", avatar: "/path/to/avatar6.jpg", time: "7h" }, { id: 7, user: "User7", handle: "@user7", content: "This is the seventh tweet", avatar: "/path/to/avatar7.jpg", time: "8h" }, { id: 8, user: "User8", handle: "@user8", content: "This is the eighth tweet", avatar: "/path/to/avatar8.jpg", time: "9h" }, { id: 9, user: "User9", handle: "@user9", content: "This is the ninth tweet", avatar: "/path/to/avatar9.jpg", time: "10h" }, { id: 10, user: "User10", handle: "@user10", content: "This is the tenth tweet", avatar: "/path/to/avatar10.jpg", time: "11h" } ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mx-auto p-4", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-[#1DA1F2] text-white p-4 font-bold", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl cursor-pointer", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }))), tweets.map((tweet)=>/*#__PURE__*/ React.createElement("div", { key: tweet.id, className: "flex p-4 border-b border-gray-300", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: tweet.avatar, alt: `Avatar of ${tweet.user}`, className: "w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, tweet.user, " ", /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 97, columnNumber: 53 }, __self: this }, tweet.handle)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, tweet.content), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, tweet.time))))); }