function MainComponent() { const [balance, setBalance] = useState(0); const [selectedGame, setSelectedGame] = useState(null); const games = [ { id: 1, name: "CS2", image: "/csgo.jpg", odds: 2.5 }, { id: 2, name: "Dota 2", image: "/dota2.jpg", odds: 1.8 }, { id: 3, name: "League of Legends", image: "/lol.jpg", odds: 2.1 } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] text-white font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#2a2a2a] p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#00ff88]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "BetEsports"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#333] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet mr-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), "R$ ", balance.toFixed(2)), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff88] text-[#1a1a1a] px-6 py-2 rounded hover:bg-[#00cc6a]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Depositar")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, games.map((game)=>/*#__PURE__*/ React.createElement("div", { key: game.id, className: "bg-[#2a2a2a] rounded-lg overflow-hidden hover:scale-105 transition-transform", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: game.image, alt: `Jogo ${game.name}`, className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, game.name), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#00ff88]", __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, "Odds: ", game.odds, "x"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff88] text-[#1a1a1a] px-4 py-2 rounded hover:bg-[#00cc6a]", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, "Apostar")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-[#2a2a2a] p-6 rounded-lg", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Apostas ao Vivo"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#333] p-4 rounded flex justify-between items-center", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "NAVI vs Vitality"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "CS2 - ESL Pro League")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#444] px-4 py-2 rounded hover:bg-[#555]", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "1.5x"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#444] px-4 py-2 rounded hover:bg-[#555]", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "2.3x"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#333] p-4 rounded flex justify-between items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, "FaZe vs G2"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "CS2 - BLAST Premier")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#444] px-4 py-2 rounded hover:bg-[#555]", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, "1.8x"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#444] px-4 py-2 rounded hover:bg-[#555]", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "2.1x")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2a2a2a] mt-8 py-6", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center text-gray-400", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-6 mb-4", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl hover:text-[#00ff88] cursor-pointer", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-2xl hover:text-[#00ff88] cursor-pointer", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-telegram text-2xl hover:text-[#00ff88] cursor-pointer", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Aposte com responsabilidade. 18+")))); }