// Slot symbols — flat, designed SVGs with gold outlines.
// All accept { size } and render a square symbol that fills its container.
const GoldDefs = ({ id }) => (
);
// A tiny crown that sits on top of a letter / 7.
function Crown({ cx = 50, cy = 12, w = 28, idSuffix = '' }) {
const id = `crown-${idSuffix}-${Math.random().toString(36).slice(2,7)}`;
const h = w * 0.55;
const x = cx - w / 2;
const y = cy - h / 2;
return (
);
}
// Letter symbol: bold serif letter with gold rim and crown.
function LetterSymbol({ letter, fill, fillDark, idSuffix }) {
const id = idSuffix || letter;
return (
);
}
const A = () => ;
const K = () => ;
const Q = () => ;
const J = () => ;
// 7 symbol with gold flame on top.
function Seven({ color, dark, idSuffix }) {
const id = idSuffix;
return (
);
}
const Seven7Red = () => ;
const Seven7Green = () => ;
const Seven7Blue = () => ;
function Cherry() {
return (
);
}
function Lemon() {
return (
);
}
function Wild() {
return (
);
}
function FreeSpinsScatter() {
return (
);
}
// Win Spins scatter — banner says "WIN / SPINS" in red/gold.
function WinSpinsScatter() {
return (
);
}
// Wild Spins scatter — banner says "WILD / SPINS" in purple/silver.
function WildSpinsScatter() {
return (
);
}
// 777 Strike logo (top-left header art)
function LogoBadge() {
return (
);
}
// Symbol registry: id -> { id, render, payouts (5/4/3), kind }
const SYMBOLS = {
WILD: { id: 'WILD', render: Wild, kind: 'wild', payouts: [77, 0, 0] },
S7R: { id: 'S7R', render: Seven7Red, kind: 'high', payouts: [77, 21, 10] },
S7G: { id: 'S7G', render: Seven7Green, kind: 'high', payouts: [47, 15, 7] },
S7B: { id: 'S7B', render: Seven7Blue, kind: 'high', payouts: [35, 11, 5] },
LEMON: { id: 'LEMON', render: Lemon, kind: 'high', payouts: [23, 7, 3] },
CHRY: { id: 'CHRY', render: Cherry, kind: 'med', payouts: [9.2, 4.6, 2.3] },
A: { id: 'A', render: A, kind: 'med', payouts: [5.2, 2.6, 1.3] },
K: { id: 'K', render: K, kind: 'low', payouts: [3.6, 1.8, 0.9] },
Q: { id: 'Q', render: Q, kind: 'low', payouts: [2.8, 1.4, 0.7] },
J: { id: 'J', render: J, kind: 'low', payouts: [2.4, 1.2, 0.6] },
FS: { id: 'FS', render: FreeSpinsScatter,kind: 'scatter', payouts: [0, 0, 0] },
WIN: { id: 'WIN', render: WinSpinsScatter, kind: 'scatter', payouts: [0, 0, 0] },
WS: { id: 'WS', render: WildSpinsScatter,kind: 'scatter', payouts: [0, 0, 0] },
};
Object.assign(window, {
SYMBOLS, LogoBadge,
A, K, Q, J, Seven7Red, Seven7Green, Seven7Blue, Cherry, Lemon, Wild,
FreeSpinsScatter, WinSpinsScatter, WildSpinsScatter, Crown,
});