// Shared atoms: Logo, Nav, Footer, decorative background
const { useState, useEffect, useRef, useMemo } = React;
// Logo mark (official — from rrlogo.svg, tinted with currentColor)
function LogoMark({ size = 28, color = 'var(--brand)' }) {
return (
);
}
function Wordmark({ size = 22 }) {
return (
Route Radar
);
}
function Nav() {
return (
);
}
function AppleGlyph({ size = 16, color = 'currentColor' }) {
return (
);
}
// Decorative topographic background — SVG of concentric contour lines with a route
function TopoBackground({ opacity = 0.6 }) {
return (
);
}
// Stylized route line SVG — used as a flourish
function RouteFlourish({ w = 400, h = 80, stroke = 'var(--brand)' }) {
return (
);
}
// Icon helpers
function Icon({ name, size = 22, color = 'currentColor', strokeWidth = 1.6 }) {
const common = { width: size, height: size, viewBox: '0 0 24 24', fill: 'none',
stroke: color, strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round' };
switch (name) {
case 'coffee': return ;
case 'wrench': return ;
case 'gpx': return ;
case 'map': return ;
case 'pin': return ;
case 'route': return ;
case 'download': return ;
case 'arrow': return ;
case 'strava': return ;
case 'check': return ;
default: return null;
}
}
Object.assign(window, { LogoMark, Wordmark, Nav, AppleGlyph, TopoBackground, RouteFlourish, Icon });