/* global React */
// bebe mascot — "Bo", a soft rounded studio creature. Premium + friendly.
// Drawn in SVG so it stays crisp. Eyes blink; body floats (gated by CSS).
const { useEffect, useState } = React;
function Mascot({ size = 300, blink = true }) {
const [closed, setClosed] = useState(false);
useEffect(() => {
if (!blink) return;
let t;
const loop = () => {
const next = 2600 + Math.random() * 3200;
t = setTimeout(() => {
setClosed(true);
setTimeout(() => setClosed(false), 130);
loop();
}, next);
};
loop();
return () => clearTimeout(t);
}, [blink]);
return (
);
}
// Tiny product glyphs used in hero orbit + cards.
function Glyph({ kind, size = 22, color = "currentColor" }) {
const s = { width: size, height: size, display: "block" };
if (kind === "web") return (
);
if (kind === "helm") return (
);
if (kind === "scout") return (
);
if (kind === "custom") return (
);
return null;
}
Object.assign(window, { Mascot, Glyph });