function MainComponent() { const profiles = [ { username: 'sochi', id: 'xxxx-xxxx-xxxx', status: 'Active', avatar: 'avatar-sochi.png' }, { username: 'BoogieSupport', id: 'xxxx-xxxx-xxxx', status: 'Active', avatar: 'avatar-boogiesupport.png' }, { username: 'kiko', id: 'xxxx-xxxx-xxxx', status: 'Inactive', avatar: 'avatar-kiko.png' }, { username: 'bussyslayer2027', id: 'xxxx-xxxx-xxxx', status: 'Active', avatar: 'avatar-bussyslayer2027.png' }, { username: 'nyochio', id: 'xxxx-xxxx-xxxx', status: 'Active', avatar: 'avatar-nyochio.png' } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#12171D] text-white font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-5", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "AdminDash"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-500", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "rounded-full bg-blue-600 p-2", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[240px] bg-[#161B22] p-5", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center space-x-2 text-blue-500", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-th-large", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Dashboard")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center space-x-2 text-white", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-users", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Accounts")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-flag", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Account Flags")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cog", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "Settings")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center space-x-2 text-red-500", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-sign-out", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Logout")))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-5", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Accounts"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 mb-8", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "BoogieFN"), /*#__PURE__*/ React.createElement("span", { className: "text-sm mx-2", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "›"), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Accounts")), /*#__PURE__*/ React.createElement("section", { className: "bg-[#1E2428] p-5 rounded-lg", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl mb-5", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "BoogieFN Profiles"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-sm", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "text-gray-400", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "pb-3", __source: { fileName: "", lineNumber: 86, columnNumber: 21 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("th", { className: "pb-3 pl-12", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "Account ID"), /*#__PURE__*/ React.createElement("th", { className: "pb-3 pl-12", __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, "Status"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, profiles.map((profile, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: `border-b border-gray-700 ${profile.status === 'Inactive' ? 'text-gray-500' : ''}`, __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-3 flex items-center", __source: { fileName: "", lineNumber: 94, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profile.avatar, alt: `Avatar of ${profile.username}`, className: "w-8 h-8 rounded-full mr-3", __source: { fileName: "", lineNumber: 95, columnNumber: 25 }, __self: this }), profile.username), /*#__PURE__*/ React.createElement("td", { className: "pl-12", __source: { fileName: "", lineNumber: 98, columnNumber: 23 }, __self: this }, profile.id), /*#__PURE__*/ React.createElement("td", { className: "pl-12", __source: { fileName: "", lineNumber: 99, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded ${profile.status === 'Active' ? 'bg-[#3FAE49]' : 'bg-[#F44E3B]'}`, __source: { fileName: "", lineNumber: 100, columnNumber: 25 }, __self: this }, profile.status))))))))))); }

Username	Account ID	Status
sochi	xxxx-xxxx-xxxx	Active
BoogieSupport	xxxx-xxxx-xxxx	Active
kiko	xxxx-xxxx-xxxx	Inactive
bussyslayer2027	xxxx-xxxx-xxxx	Active
nyochio	xxxx-xxxx-xxxx	Active