function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#15202B]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center py-2 px-4 border-b border-gray-800", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#1DA1F2] font-bold text-xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#1DA1F2]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex p-4 space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/fdff04fb-dfc1-4238-92e7-58a6d6796413/", alt: "User profile avatar", className: "w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tweet", placeholder: "What's happening?", className: "w-full bg-transparent text-white text-sm p-2 border-b border-gray-800", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "px-4 py-2 flex justify-between", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 text-[#1DA1F2]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-image", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "far fa-chart-bar", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "far fa-smile", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "far fa-calendar", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1DA1F2] text-white px-4 py-1 rounded-full", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Tweet")), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, [ 1, 2, 3 ].map(()=>/*#__PURE__*/ React.createElement("div", { className: "flex p-4 border-b border-gray-800", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/avatar.png", alt: "User profile avatar", className: "w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white text-sm font-bold", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "User Name"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-xs ml-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "@username"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-xs ml-2", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "·"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-xs ml-2", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "1h")), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm mt-1", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "This is a tweet. It is a simulated tweet for the purpose of this Twitter UI representation.")))))); }