/* MissBetty mascot — soft lavender blob with a coral heart at chest.
Same character at three scales: large, card, glyph.
Exposed on window so other Babel scripts can use it. */
function HeartGlyph({ scale = 1, glow = true }) {
// viewBox 24x24, heart centered at (12,12)
return (
);
}
/** Big mascot — for welcome screen / hero moments. */
function MascotLarge({ size = 280, mouth = 'half-smile', className = '' }) {
// body box 320x320, chest at (160, 205)
return (
);
}
/** Card-scale mascot — sits next to a message. */
function MascotCard({ size = 56, className = '' }) {
return (
);
}
/** Tiny glyph — for nav rails, headers, fingerprint scale. */
function MascotGlyph({ size = 28, className = '' }) {
return (
);
}
/** Speech-bubble wrap that pairs the mascot with a contextual message. */
function MascotSays({ children, scale = 'card', mood = 'half-smile' }) {
const Mascot = scale === 'large' ? MascotLarge : scale === 'glyph' ? MascotGlyph : MascotCard;
const size = scale === 'large' ? 220 : scale === 'glyph' ? 32 : 56;
return (
);
}
Object.assign(window, { HeartGlyph, MascotLarge, MascotCard, MascotGlyph, MascotSays });