function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto w-full h-screen bg-[#0C0C0D] text-white flex flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-4 bg-[#1A1A1D] border-b border-gray-700", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/5bd6e913-7730-4f30-bb8b-96f28a42d201/-/format/auto/", alt: "Infernal Siege logo", className: "h-16", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#29292A] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Players"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#29292A] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Discord"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#29292A] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Wiki"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#29292A] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Donate"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#29292A] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Support")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", className: "bg-[#29292A] p-2 rounded-md border border-gray-600", placeholder: "Search bar", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#D9534F] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] p-4 border-b border-gray-700", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2F2F31] p-2 rounded-md border border-gray-600 text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "EVENT LOG & Announcements")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1 p-4 space-x-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/5 flex flex-col space-y-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] p-3 rounded-md space-y-2 border border-gray-700", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#29292A] p-2 rounded-md text-center border border-gray-600", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#29292A] p-2 rounded-md text-center border border-gray-600", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Health, mana, energy, valor")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] p-2 rounded-md space-y-2 border border-gray-700", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#29292A] p-2 rounded-md text-center border border-gray-600", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Status effects area")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-[#1A1A1D] p-2 rounded-md border border-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Equipped Items")), /*#__PURE__*/ React.createElement("div", { className: "w-4/5 flex flex-col space-y-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-[#2F2F31] rounded-md relative border border-gray-700", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 bg-[#3A3A3C] p-2 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Minimap"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-full text-4xl", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "GAME")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] p-2 rounded-md border border-gray-700", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Ability / Action Bar"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] p-2 rounded-md flex-1 border border-gray-700", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#29292A] rounded-t-md p-2 border border-gray-600", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Chat tabs"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#29292A] rounded-md flex-1 p-2 border border-gray-600", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Chat box"), /*#__PURE__*/ React.createElement("div", { className: "flex mt-2 space-x-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "chatMessage", className: "flex-1 p-2 bg-[#29292A] rounded-md border border-gray-600", placeholder: "Chat message input", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#D9534F] py-2 px-4 rounded-md border border-gray-600", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "Send"))))), /*#__PURE__*/ React.createElement("div", { className: "flex p-4 bg-[#1A1A1D] border-t border-gray-700", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/5 flex flex-col space-y-2", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-[#29292A] rounded-md text-center border border-gray-600", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Equip Items"), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-[#29292A] rounded-md text-center border border-gray-600", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Storage")), /*#__PURE__*/ React.createElement("div", { className: "w-4/5 flex flex-col space-y-2", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1D] rounded-md p-2 border border-gray-700 h-32", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Inventory")))); }