function MainComponent() { const sidebarStyle = "w-[300px] h-screen bg-[#202225] text-white flex flex-col"; const serverInfoStyle = "flex items-center px-4 py-2 space-x-3 h-[60px] border-b border-gray-600"; const serverIconStyle = "rounded-full w-10 h-10"; const serverNameStyle = "font-semibold text-lg truncate w-3/4"; const channelListStyle = "flex-1 overflow-y-auto py-2"; const channelStyle = "flex items-center px-4 py-1 text-sm hover:bg-[#3391ff]/30 cursor-pointer rounded"; const channelIconStyle = "mr-2"; const usersListStyle = "flex flex-col px-2 py-3 bg-[#2f3136] h-[calc(100vh-60px)] overflow-y-auto"; const userStatusStyle = (color)=>`inline-block w-3 h-3 bg-[${color}] rounded-full mr-2`; const serverOnlineStyle = "w-3 h-3 bg-[#3BA55D] rounded-full mr-2"; const serverOfflineStyle = "w-3 h-3 bg-[#747F8D] rounded-full mr-2"; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: sidebarStyle, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: serverInfoStyle, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: serverIconStyle, src: "/server-icon.png", alt: "Server icon with sun and road", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: serverNameStyle, __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "One RP | RageMP LA/LV")), /*#__PURE__*/ React.createElement("div", { className: channelListStyle, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${channelStyle} text-[#8E9297]`, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${channelIconStyle} fas fa-gavel`, __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "правила-дискорд...")), /*#__PURE__*/ React.createElement("div", { className: channelStyle, __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${channelIconStyle} fas fa-bullhorn text-[#F04747]`, __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "новости")))), /*#__PURE__*/ React.createElement("div", { className: usersListStyle, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: serverOnlineStyle, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "truncate text-white mr-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Marcovnick"), /*#__PURE__*/ React.createElement("span", { className: `${channelIconStyle} fas fa-crown text-[#FAA61A]`, __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: serverOnlineStyle, __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "truncate text-white mr-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Anika"), /*#__PURE__*/ React.createElement("span", { className: `${channelIconStyle} fas fa-star text-[#FAA61A]`, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })))); }