// components.tsx — small reusable React bits
const { useState, useEffect, useRef, useMemo, useCallback } = (window as any).React;
function EOOnionLogo({ size = 32 }: { size?: number }) {
return (
);
}
function EOFlag({ width = 28, height = 19 }: { width?: number; height?: number }) {
return (
);
}
function CountryFlag({ code, size = 18 }: { code: string; size?: number }) {
// Simple fallback: render the country code in a styled box
return (
{code}
);
}
function JeanClaudeAvatar({ size = 36 }: { size?: number }) {
return (
);
}
// Mascot — Ursula-the-bureaucrat (Compliance Is Our Jam grandma)
function ComplianceMascot({ width = 90 }: { width?: number }) {
return (
);
}
function VonDerAvatar({ size = 36 }: { size?: number }) {
// A small institutional bust: gray hair, blazer, podium
return (
);
}
(window as any).Components = {
EOOnionLogo, EOFlag, CountryFlag, JeanClaudeAvatar, VonDerAvatar, ComplianceMascot,
};