/* Carelon Passport — map / globe visuals (brand spectrum) */
const GlobeViz = () => {
// pin coords in a 420x420 viewBox
const A = { x: 150, y: 252 }; // Atlanta (home)
const L = { x: 252, y: 150 }; // London (next)
const D = { x: 322, y: 214 }; // Dubai (upcoming)
const arc = (p, q, lift) => `M ${p.x} ${p.y} Q ${(p.x + q.x) / 2} ${(p.y + q.y) / 2 - lift} ${q.x} ${q.y}`;
const pct = (p) => ({ left: (p.x / 420) * 100 + "%", top: (p.y / 420) * 100 + "%" });
const meridians = [];
for (let i = 1; i <= 5; i++) {
const rx = 150 * Math.cos((i / 6) * Math.PI);
meridians.push(Math.abs(rx));
}
return (
{/* labels */}
);
};
const FloatLabel = ({ style, title, sub, tone = "purple", offset = [0, 0] }) => {
const t = TONES[tone];
return (
);
};
/* Stylized London street/river map for the provider module (wide banner) */
const CityMap = ({ active = 0, onPin }) => {
const pins = [
{ x: 168, y: 96 }, { x: 388, y: 80 }, { x: 588, y: 104 },
];
return (
);
};
Object.assign(window, { GlobeViz, CityMap });