function MainComponent() { const [selectedTab, setSelectedTab] = React.useState("Deposit"); const [currentBalance, setCurrentBalance] = React.useState("0.13000000 DOGE"); const RenderTabContent = ()=>{ if (selectedTab === "Contests") { return /*#__PURE__*/ React.createElement("section", { className: "bg-[#252525] p-4 mb-4 rounded", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "CONTEST ENDS IN"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "9"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Days")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Hours")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Minutes"))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-4 mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "YOUR PERSONAL STATS"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "WAGERED"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "00")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "REFERRAL WAGER"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "00"))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-4 mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "WAGERING CONTEST"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "#1"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "te.uingnumana"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "1,085,853"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "17,000")), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-4 mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "REFERRAL CONTEST"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "#1"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "aveloneia123"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "1,775,993"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "8,500"))); } else if (selectedTab === "Faucet") { return /*#__PURE__*/ React.createElement("section", { className: "bg-[#252525] p-4 mb-4 rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Earn free dogecoins"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "To receive rewards from Hourly faucet, please fill the correct captcha and press CLAIM button."), /*#__PURE__*/ React.createElement("button", { className: "bg-green-400 text-[#1a1a1a] p-2 mt-4 rounded", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "CLAIM")); } // Additional tab sections can be added here with a similar structure return null; }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] text-[#e5e7eb] min-h-screen font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#2d2d2d]", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold text-green-400", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "dcdoge.pro"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, currentBalance)), /*#__PURE__*/ React.createElement("nav", { className: "flex justify-around p-4 bg-[#333]", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, [ "Deposit", "Faucet", "Games", "Contests", "Withdraw", "Settings", "Affiliates", "Contact" ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab, className: `text-green-400 ${selectedTab === tab ? "underline" : ""}`, onClick: ()=>setSelectedTab(tab), __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, tab))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(RenderTabContent, { __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-[#1a1a1a]", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, [ "Account", "Deposit", "Withdraw", "Settings", "Logout", "Support", "FAQ", "Contact" ].map((footerLink)=>/*#__PURE__*/ React.createElement("a", { key: footerLink, href: "#", className: "text-green-400", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, footerLink))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "Server time: 2024/07/04 08:27"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "DOGE price: $0.1083"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Copyright ©2020 All rights reserved | dcdoge.pro")))); }