function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F8FA]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/4 p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2] font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter", __source: { fileName: "", lineNumber: 7, columnNumber: 54 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home", __source: { fileName: "", lineNumber: 8, columnNumber: 44 }, __self: this }), " Home"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-hashtag", __source: { fileName: "", lineNumber: 9, columnNumber: 44 }, __self: this }), " Explore"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell", __source: { fileName: "", lineNumber: 10, columnNumber: 44 }, __self: this }), " Notifications"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope", __source: { fileName: "", lineNumber: 11, columnNumber: 44 }, __self: this }), " Messages"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bookmark", __source: { fileName: "", lineNumber: 12, columnNumber: 44 }, __self: this }), " Bookmarks"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-list", __source: { fileName: "", lineNumber: 13, columnNumber: 44 }, __self: this }), " Lists"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user", __source: { fileName: "", lineNumber: 14, columnNumber: 44 }, __self: this }), " Profile"), /*#__PURE__*/ React.createElement("li", { className: "text-[#1DA1F2]", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-ellipsis-h", __source: { fileName: "", lineNumber: 15, columnNumber: 44 }, __self: this }), " More"))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 border-x border-[#E1E8ED]", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0 bg-white p-4 font-bold border-b border-[#E1E8ED]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-[#1DA1F2] rounded-full", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tweet", placeholder: "What's happening?", className: "flex-1 p-2 border rounded-full", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#1DA1F2] text-white px-4 py-2 rounded-full", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Tweet")))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/4 p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Trends for you"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 mt-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "#Trending"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "#ReactJs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "#TailwindCSS"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "#NextJs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "#JavaScript")))))); }