function MainComponent({ title, balance, games }) { const handlePlay = (game)=>{ alert(`Playing ${game.name}`); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1d] text-white min-h-screen flex flex-col items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#121214] py-4 shadow-md", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, title)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2c2c2e] py-4 px-6 rounded-lg shadow-lg w-[300px] text-center", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Balance"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "$", balance))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 md:grid-cols-2 gap-8 mt-8 px-8 w-full overflow-y-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, games.map((game, index)=>{ const handleClick = ()=>handlePlay(game); return /*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center bg-[#2c2c2e] py-6 px-4 rounded-lg shadow-lg text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: game.image, alt: `Image of ${game.name}`, className: "mb-4 w-[150px] h-[150px]", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, game.name), /*#__PURE__*/ React.createElement("button", { className: "mt-4 py-2 px-8 bg-[#ff5722] rounded-lg font-roboto text-white hover:bg-[#e64a19]", onClick: handleClick, __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Play")); }))); } function StoryComponent() { const games = [ { name: "Blackjack", image: "./blackjack.png" }, { name: "Roulette", image: "./roulette.png" }, { name: "Case Opening", image: "./wooden_box.png" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "Fiery GG", balance: 100.0, games: games, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this })); }