function MainComponent() { const [activeTab, setActiveTab] = React.useState('dashboard'); const renderContent = ()=>{ switch(activeTab){ case 'dashboard': return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] p-6 rounded-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F5F5F5] text-2xl mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Live Games"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "No live games at the moment.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] p-6 rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F5F5F5] text-2xl mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "Upcoming Bets"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "No upcoming bets.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] p-6 rounded-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F5F5F5] text-2xl mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "User Statistics"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Total Bets: 0"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "Win Rate: 0%"))); case 'profile': return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] p-6 rounded-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F5F5F5] text-2xl mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "User Profile"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Name: John Doe"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Rank: Rookie"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Total Earnings: $0")); case 'predictions': return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] p-6 rounded-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F5F5F5] text-2xl mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "AI Predictions"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "No predictions available at the moment.")); case 'leaderboards': return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] p-6 rounded-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F5F5F5] text-2xl mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Leaderboards"), /*#__PURE__*/ React.createElement("p", { className: "text-[#F5F5F5]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "No data available.")); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-[#F5F5F5] font-lato", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1C1C1C] p-4", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "text-1686589109402.png", alt: "Luxury Sports Trading Platform Logo", className: "h-10", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('dashboard'), className: "text-[#F5F5F5] hover:text-gray-300", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('profile'), className: "text-[#F5F5F5] hover:text-gray-300", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('predictions'), className: "text-[#F5F5F5] hover:text-gray-300", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Predictions"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab('leaderboards'), className: "text-[#F5F5F5] hover:text-gray-300", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Leaderboards")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto mt-6 p-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, renderContent()), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fade-in { animation: fadeIn 0.5s ease-in-out; } `)); }