// Variant A — "Garabato" — coherent with the physical totem (B/W + 1 accent)
// Hand-drawn / sketchbook feel, single coral accent, generous white space.
const A_ACCENT = '#E85A4F'; // warm coral
const A_INK = '#1a1a1a';
const A_PAPER = '#fafaf6';
const A_DASH = 'rgba(26,26,26,0.18)';
// Wrapper for any screen in this variant
function AScreen({ children, bg = A_PAPER }) {
return (
{children}
);
}
// Decorative doodles in the corners (very light, like the physical totem)
function ADoodles() {
return (
);
}
function ABrand({ name, tag }) {
return (
}
{/* Atajo para usar sin lector (p.ej. desde la computadora). En modo demo no
imprime; fuera de demo imprime de verdad y registra el cupón como (manual). */}
);
}
// ---------- PRINTING ----------
function APrinting({ drawing, result, onDone, printMs = 8000 }) {
const [progress, setProgress] = React.useState(0);
React.useEffect(() => {
const step = 8000 / printMs; // 0→100 en printMs ms (tick fijo de 80ms)
const t = setInterval(() => setProgress(p => {
// Se frena cerca del final hasta que el backend confirme (OK o error), para no
// pasar a "retirá tu dibujo" si en realidad la impresora falló.
if (p >= 92 && result == null) return 92;
if (p >= 100) { clearInterval(t); setTimeout(onDone, 600); return 100; }
return p + step;
}), 80);
return () => clearInterval(t);
}, [result, printMs]);
const seconds = Math.max(1, Math.ceil((100 - progress) / 100 * (printMs / 1000)));
return (