function VibrantGameButton({ onClick, buttonText }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "py-3 px-6 bg-[#FFD700] rounded-full font-bold text-[#000000] text-xl mb-4 shadow-lg transition duration-300 ease-in-out transform hover:scale-110", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function VibrantGameButtonStory() { const startGame = ()=>console.log('Game started'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(VibrantGameButton, { onClick: startGame, buttonText: "Start Game", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function Map({ score, level, powerUps }) { return /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF80] p-2 rounded-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg text-[#000000]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Score: ", score), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg text-[#000000] mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Level: ", level), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg text-[#000000] mt-2", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Power-ups: ", powerUps))); } function MapStory() { return /*#__PURE__*/ React.createElement(Map, { score: 0, level: 1, powerUps: "None", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }); } function MainComponent() { const [gameState, setGameState] = React.useState({ score: 0, level: 1, powerUps: 'None' }); const handleGameStart = ()=>{ console.log('Starting Capture Clash...'); setGameState({ ...gameState, score: 0, level: 1, powerUps: 'None' }); }; const handleOpenSettings = ()=>console.log('Accessing Settings...'); const handleNavigateScreens = ()=>console.log('Navigating Capture Clash Screens...'); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#32CD32] p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[48px] font-bold text-[#FFFFFF] mb-8", style: { animation: 'gameTitleEntrance 1s ease-out' }, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Capture Clash"), /*#__PURE__*/ React.createElement(Map, { score: gameState.score, level: gameState.level, powerUps: gameState.powerUps, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(VibrantGameButton, { onClick: handleGameStart, buttonText: "Start", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(VibrantGameButton, { onClick: handleOpenSettings, buttonText: "Settings", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(VibrantGameButton, { onClick: handleNavigateScreens, buttonText: "Play", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, ` @keyframes gameTitleEntrance { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } body { animation: backgroundPulse 5s infinite ease-in-out; } @keyframes backgroundPulse { 0%, 100% { background-color: #32CD32; } 50% { background-color: #98FB98; } } `)); }

Capture Clash

Score: 0

Level: 1

Power-ups: None