function MainComponent() { const servers = [ { icon: "./icons/server1.png", name: "Craft Asia", address: "craftasia.jp", players: "120/500", votes: 320 }, { icon: "./icons/server2.png", name: "Pixel Craft", address: "pixelcraft.com", players: "95/300", votes: 280 }, { icon: "./icons/server3.png", name: "Block Adventures", address: "blockadventures.net", players: "250/1000", votes: 500 } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#0f0c29] to-[#302b63] min-h-screen p-8", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#2C5364] text-white text-lg font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Minecraft Server List"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/register", className: "mr-4 hover:underline", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Register"), /*#__PURE__*/ React.createElement("a", { href: "/login", className: "hover:underline", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Login")))), /*#__PURE__*/ React.createElement("ul", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, servers.map((server)=>/*#__PURE__*/ React.createElement("li", { key: server.address, className: "py-4 grid grid-cols-12 items-center px-4 gap-4", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: server.icon, alt: `Server icon for ${server.name}`, className: "col-span-1 w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "col-span-2 font-semibold text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, server.name), /*#__PURE__*/ React.createElement("span", { className: "col-span-2 text-xs md:text-sm text-gray-500", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, server.address), /*#__PURE__*/ React.createElement("span", { className: "col-span-2 text-gray-700", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, server.players), /*#__PURE__*/ React.createElement("span", { className: "col-span-2 text-gray-700", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, server.votes, " votes"), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#214252] hover:bg-[#31A24C] font-medium rounded py-2 px-4 col-span-3 transition-colors duration-300", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "Join")))))); }