function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-[1400px] mx-auto px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-12 gap-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-3", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter text-[#1DA1F2] text-4xl", __source: { fileName: "", lineNumber: 7, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-xl", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, " Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-hashtag text-xl", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, " Explore")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell text-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, " Notifications")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope text-xl", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, " Messages")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bookmark text-xl", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, " Bookmarks")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-clipboard-list text-xl", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, " Lists")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user text-xl", __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }, " Profile")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-ellipsis-h text-xl", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, " More")))), /*#__PURE__*/ React.createElement("div", { className: "col-span-6", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b-2 border-gray-200", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl py-4", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-3 border-b-2 border-gray-200", rows: "3", placeholder: "What's happening?", name: "tweetContent", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center py-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-image text-xl pr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-chart-bar text-xl pr-2", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-smile text-xl pr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-calendar-alt text-xl", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1DA1F2] text-white rounded-full px-4 py-2", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Tweet")))), /*#__PURE__*/ React.createElement("div", { className: "col-span-3", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 rounded-full border-2 border-gray-200", type: "text", placeholder: "Search Twitter", name: "search", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }))))); }