// 1Radar v3 — Remix-style line icons (matches the EUSpy / Monarch Figma vocabulary).
// All icons rendered as 24x24 strokes; resize via the `size` prop.
const Icon = ({ name, size = 20, stroke = 1.6, style = {}, ...rest }) => {
const common = {
width: size, height: size, viewBox: '0 0 24 24',
fill: 'none',
strokeWidth: stroke, strokeLinecap: 'round', strokeLinejoin: 'round',
style: { display: 'inline-block', flexShrink: 0, stroke: 'currentColor', ...style },
...rest,
stroke: 'currentColor',
};
const F = (path) => ;
switch (name) {
case 'home': return F(<>);
case 'compass': return (
);
case 'sparkles': return F(<>);
case 'image-ai': return F(<>
);
case 'mic': return F(<>);
case 'wand': return F(<>);
case 'bookmark': return F(<>);
case 'star': return F(<>);
case 'building': return (
);
case 'package': return F(<>);
case 'shop': return F(<>);
case 'chat': return F(<>);
case 'play-circle': return F(<>);
case 'tools': return F(<>);
case 'gamepad': return F(<>);
case 'gift': return F(<>);
case 'users': return F(<>);
case 'user': return F(<>);
case 'settings': return F(<>);
case 'help': return F(<>);
case 'logout': return F(<>);
case 'search': return F(<>);
case 'filter': return F(<>);
case 'sort-desc': return F(<>);
case 'arrow-down-s': return F(<>);
case 'arrow-up-s': return F(<>);
case 'arrow-right-s': return F(<>);
case 'arrow-left-s': return F(<>);
case 'arrow-up-right': return F(<>);
case 'arrow-up': return F(<>);
case 'arrow-down': return F(<>);
case 'plus': return F(<>);
case 'minus': return F(<>);
case 'close': return F(<>);
case 'check': return F(<>);
case 'eye': return F(<>);
case 'eye-off': return F(<>);
case 'heart': return F(<>);
case 'flame': return F(<>);
case 'flashlight': return F(<>);
case 'play': return F(<>);
case 'play-line': return F(<>);
case 'pause': return F(<>);
case 'volume': return F(<>);
case 'speaker': return F(<>);
case 'globe': return F(<>);
case 'language': return F(<>);
case 'translate': return F(<>);
case 'calendar': return F(<>);
case 'clock': return F(<>);
case 'zap': return F(<>);
case 'mail': return F(<>);
case 'flag': return F(<>);
case 'pin': return F(<>);
case 'link': return F(<>);
case 'external': return F(<>);
case 'copy': return F(<>);
case 'download': return F(<>);
case 'upload': return F(<>);
case 'share': return F(<>);
case 'edit': return F(<>);
case 'trash': return F(<>);
case 'more-h': return F(<>);
case 'more-v': return F(<>);
case 'menu': return F(<>);
case 'sidebar': return F(<>);
case 'expand': return F(<>);
case 'collapse': return F(<>);
case 'chevron-down': return F(<>);
case 'chevron-up': return F(<>);
case 'chevron-right': return F(<>);
case 'chevron-left': return F(<>);
case 'sun': return F(<>);
case 'moon': return F(<>);
case 'cmd': return F(<>);
case 'kbd-return': return F(<>);
case 'thumbs-up': return F(<>);
case 'spy': return F(<>);
case 'meta': return F(<>);
case 'tiktok': return F(<>);
case 'instagram': return F(<>);
case 'youtube': return F(<>);
case 'shopify': return F(<>);
case 'chrome': return F(<>);
case 'graph': return F(<>);
case 'database': return F(<>);
case 'lock': return F(<>);
case 'check-circle': return F(<>);
case 'info': return F(<>);
case 'alert': return F(<>);
case 'send': return F(<>);
case 'mic-line': return F(<>);
case 'video': return F(<>);
case 'scissors': return F(<>);
case 'attach': return F(<>);
case 'spark': return F(<>);
case 'mute': return F(<>);
case 'platform-meta': return F(<>);
case 'flag-fr':
return ;
case 'flag-us':
return ;
case 'flag-de':
return ;
case 'flag-uk':
return ;
case 'logo':
return ;
case 'apple': return F(<>);
case 'google': return ;
case 'arrow-right': return F(<>);
case 'export': return F(<>);
case 'folder': return F(<>);
case 'image': return F(<>);
case 'magic-wand': return F(<>);
case 'cursor': return F(<>);
case 'user-add': return F(<>);
case 'wallet': return F(<>);
case 'message': return F(<>);
case 'clock': return F(<>);
case 'tag': return F(<>);
case 'trend-up': return F(<>);
case 'bell': return F(<>);
case 'sort': return F(<>);
case 'workflow': return F(<>
);
case 'play-fill': return F(<>);
case 'hand': return F(<>
);
case 'text-tool': return F(<>
);
case 'sticky': return F(<>
);
case 'shape-rect': return F(<>
);
case 'pen': return F(<>
);
case 'eraser': return F(<>
);
case 'undo': return F(<>
);
case 'redo': return F(<>
);
case 'bg-remove': return F(<>
);
case 'circle-shape': return F(<>);
case 'diamond-shape': return F(<>);
case 'triangle-shape': return F(<>);
case 'frame': return F(<>
);
case 'connector': return F(<>
);
case 'map': return F(<>
);
case 'maximize': return F(<>);
default:
return F();
}
};
// Brand chip with first-letter and gradient (used a lot in cards / brand list)
const BrandChip = ({ name, size = 32, square = false, src = null }) => {
const letter = (name || '?').charAt(0).toUpperCase();
const palettes = [
['#FF8A4C','#D34A35'], ['#7B5BFF','#3B2BAE'], ['#10B981','#047857'],
['#F59E0B','#B45309'], ['#0EA5E9','#0369A1'], ['#EC4899','#9D174D'],
['#6366F1','#312E81'], ['#14B8A6','#0F766E']
];
const seed = (name || '').split('').reduce((a, c) => a + c.charCodeAt(0), 0) % palettes.length;
const [c1, c2] = palettes[seed];
return (