function MainComponent() { const [gameMode, setGameMode] = React.useState('survival'); const [coins, setCoins] = React.useState(0); const [dailyChallenge, setDailyChallenge] = React.useState(''); const [avatarItems, setAvatarItems] = React.useState([]); React.useEffect(()=>{ generateDailyChallenge(); }, []); const generateDailyChallenge = ()=>{ const challenges = [ 'Mine 50 blocks', 'Defeat 10 monsters', 'Build a house', 'Craft 5 tools', 'Explore a cave' ]; setDailyChallenge(challenges[Math.floor(Math.random() * challenges.length)]); }; const completeChallenge = ()=>{ setCoins((prevCoins)=>prevCoins + 100); generateDailyChallenge(); }; const buyAvatarItem = (item)=>{ if (coins >= 50) { setCoins((prevCoins)=>prevCoins - 50); setAvatarItems((prevItems)=>[ ...prevItems, item ]); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-green-800 to-green-600 text-white font-minecraft p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-4xl mb-8 text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Powercraft"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-start mb-8", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setGameMode('survival'), className: `mr-4 px-4 py-2 rounded ${gameMode === 'survival' ? 'bg-red-700' : 'bg-red-500'}`, __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Survival Mode"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setGameMode('creative'), className: `px-4 py-2 rounded ${gameMode === 'creative' ? 'bg-blue-700' : 'bg-blue-500'}`, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Creative Mode")), /*#__PURE__*/ React.createElement("div", { className: "text-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Coins: ", coins)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-2/3 mr-0 md:mr-4 mb-4 md:mb-0", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Game World"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 h-[400px] rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "PLAY"))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/3", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Daily Challenge"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, dailyChallenge), /*#__PURE__*/ React.createElement("button", { onClick: completeChallenge, className: "mt-4 bg-yellow-500 hover:bg-yellow-600 px-4 py-2 rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Complete Challenge")), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Avatar Store"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-4 rounded-lg", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-2 rounded text-center", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hat-cowboy text-2xl mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyAvatarItem('Hat'), className: "bg-green-500 hover:bg-green-600 px-2 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, "Buy Hat (50 coins)")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-2 rounded text-center", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tshirt text-2xl mb-2", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>buyAvatarItem('Shirt'), className: "bg-green-500 hover:bg-green-600 px-2 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, "Buy Shirt (50 coins)"))))))); }