function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#000000] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1DA1F2] px-4 py-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between w-full max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter text-white text-3xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Search Twitter", className: "px-4 py-2 w-1/2 bg-[#F5F8FA] rounded-full text-[#14171A]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-white text-xl", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell text-white text-xl", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope text-white text-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("main", { className: "flex max-w-6xl mx-auto pt-4 space-x-8", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-1/4 space-y-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pl-4 sticky top-0", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex items-center justify-center w-full bg-[#1DA1F2] text-white py-2 rounded-full", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-feather", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Tweet")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-2 my-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user text-[#1DA1F2]", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 41, columnNumber: 19 }, __self: this }, "Profile")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-2 my-2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-list text-[#1DA1F2]", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }, "Lists")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-2 my-2", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-comment-dots text-[#1DA1F2]", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, "Topics")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-2 my-2", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog text-[#1DA1F2]", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }, "Settings")))))), /*#__PURE__*/ React.createElement("section", { className: "w-1/2", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F8FA] px-4 py-2 rounded-lg shadow", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "tweet", className: "w-full bg-transparent border-none focus:outline-none", placeholder: "What's happening?", rows: "3", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-2", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-image text-[#1DA1F2]", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1DA1F2] text-white py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "Tweet"))))), /*#__PURE__*/ React.createElement("aside", { className: "w-1/4", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pl-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "What’s happening"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "my-2", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, "SpaceX's Starship"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-ellipsis-h", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "Trending in Space")), /*#__PURE__*/ React.createElement("li", { className: "my-2", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, "React 18 Release"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-ellipsis-h", __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Trending in Technology"))))))); }