/* global React */
const { useState, useEffect, useRef } = React;
/* ============================================================
Stylized SVG flag chips — minimal luxe, no emoji
============================================================ */
const FlagChip = ({ country }) => {
const flags = {
us: (
),
ca: (
),
au: (
),
gb: (
),
cn: (
),
jp: (
),
};
return flags[country] || null;
};
/* ============================================================
Compass-rose ornament (gold, slow rotation)
============================================================ */
const CompassRose = ({ size = 600, opacity = 0.06 }) => (
);
/* ============================================================
World map watermark (subtle dotted continents)
============================================================ */
const WorldMapBg = () => (
);
/* ============================================================
Lucide-like icons (inline, no CDN required)
============================================================ */
const Icon = ({ name, size = 20, strokeWidth = 1.5, ...props }) => {
const paths = {
check: ,
plus: <>,
x: <>,
arrowRight: <>,
arrowDown: <>,
lock: <>,
calendar: <>,
globe: <>,
shield: ,
award: <>,
book: ,
compass: <>,
target: <>,
fileText: <>,
mail: <>,
phone: ,
mapPin: <>,
sparkles: ,
scale: <>,
};
return (
);
};
/* ============================================================
Logo
============================================================ */
const Logo = () => (
);
/* Export */
Object.assign(window, { FlagChip, CompassRose, WorldMapBg, Icon, Logo });