);
}
// Paytable strip shown to the right of the logo in the header.
function PaytableStrip({ compact, onClick }) {
const rows1 = ['WILD', 'S7R', 'S7G', 'S7B', 'LEMON'];
const rows2 = ['CHRY', 'A', 'K', 'Q', 'J'];
const Cell = ({ id }) => {
const s = SYM[id];
return (
{s.payouts.map((p, i) => p > 0 ?
x{p}
: null)}
);
};
return (
{rows1.map(id => )}
{rows2.map(id => )}
);
}
// SVG icons (sound, menu, etc.)
const Icons = {
speakerOn: () => (
),
speakerOff: () => (
),
menu: () => (
),
spin: () => (
),
turbo: () => (
),
home: () => (
),
dice: () => (
),
news: () => (
),
menuBottom: () => (
),
close: () => (
),
chevronLeft: () => (
),
chevronRight: () => (
),
play: () => (
),
};
// Crown-pattern background
function CrownBgPattern({ opacity = 0.06 }) {
// Renders an SVG pattern of small crowns repeated across the bg.
return (
);
}
// Green pill button used in bottom controls.
function GreenPill({ children, dim, small, onClick, active }) {
return (
);
}
// Big spin button (yellow disc with arrows).
function SpinDisc({ onClick, spinning, freeSpinsLeft }) {
return (
);
}
// Big gold win number (centered over reels area).
function WinNumber({ amount }) {
return (
{amount.toFixed(2)}
);
}
// Coin rain for big win.
function CoinRain({ active }) {
if (!active) return null;
const coins = Array.from({ length: 30 }, (_, i) => ({
id: i,
left: Math.random() * 100,
delay: Math.random() * 1.5,
duration: 1.5 + Math.random() * 1.5,
size: 16 + Math.random() * 14,
}));
return (
{coins.map(c => (
))}
);
}
// Sidebar menu (slide-in).
function SidebarMenu({ open, onClose, onNav, sound, onSound }) {
return (
<>