/* eslint-disable */
const { useState, useEffect, useRef, useMemo } = React;
// ===== Icons (inline SVG, simple line style) =====
const Icon = {
Round: (p) => ,
Cards: (p) => ,
Shop: (p) => ,
Spawn: (p) => ,
Player: (p) => ,
More: (p) => ,
Close: (p) => ,
Plus: (p) => ,
Minus: (p) => ,
Dice: (p) => ,
Refresh: (p) => ,
Eye: (p) => ,
Skull: (p) => ,
Crate: (p) => ,
Target: (p) => ,
NoEntry: (p) => ,
Trash: (p) => ,
Flag: (p) => ,
Book: (p) => ,
};
// ===== Card image component =====
function CardImage({ card, onClick, size = 'normal' }) {
return (
);
}
// ===== Drawer =====
function Drawer({ open, onClose, title, children, footer, accent }) {
if (!open) return null;
return (
e.stopPropagation()}>
{accent && {accent.replace('-c','').toUpperCase()}}
{title}
{children}
{footer &&
{footer}
}
);
}
function Modal({ open, onClose, title, children, footer }) {
if (!open) return null;
return (
e.stopPropagation()} style={{maxWidth:420}}>
{title}
{children}
{footer &&
{footer}
}
);
}
// ===== Stat block (CP/SP) =====
function StatBlock({ label, value, onAdd, onSub, kind }) {
return (
);
}
// ===== Stepper =====
function Stepper({ value, onChange, min = -10, max = 10 }) {
return (
{value > 0 ? `+${value}` : value}
);
}
// ===== Empty =====
function Empty({ title, subtitle, action }) {
return (
{title}
{subtitle &&
{subtitle}
}
{action &&
{action}
}
);
}
// ===== Card viewer (full-screen tap to view) =====
function CardLightbox({ card, onClose, accent }) {
if (!card) return null;
return (
e.stopPropagation()} style={{width:'100%', maxWidth:380, position:'relative'}}>
);
}
Object.assign(window, { Icon, CardImage, Drawer, Modal, StatBlock, Stepper, Empty, CardLightbox });