function MainComponent() { const menuItems = [ { name: "Home", icon: "fa-home" }, { name: "Explore", icon: "fa-hashtag" }, { name: "Notifications", icon: "fa-bell" }, { name: "Messages", icon: "fa-envelope" }, { name: "Bookmarks", icon: "fa-bookmark" }, { name: "Lists", icon: "fa-list" }, { name: "Profile", icon: "fa-user-circle" }, { name: "More", icon: "fa-ellipsis-h" } ]; return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-12 gap-4 min-h-screen", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, menuItems.map((item)=>/*#__PURE__*/ React.createElement("li", { key: item.name, className: "text-xl flex items-center gap-2 cursor-pointer hover:text-blue-400 transition-colors", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${item.icon}`, __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, item.name))))), /*#__PURE__*/ React.createElement("div", { className: "col-span-6", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200 p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What's happening?", className: "w-full bg-gray-100 p-2 rounded-full outline-none", name: "tweetInput", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "User Name"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Here is the tweet content..."))))), /*#__PURE__*/ React.createElement("div", { className: "col-span-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0 p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search Twitter", className: "w-full bg-gray-100 p-2 rounded-full outline-none", name: "searchInput", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })))); }