// Inline SVG icon set — 24px viewBox, stroke 2, no fills unless noted.
// Pass props { size, color }.
const Icon = ({ d, size = 18, color = 'currentColor', sw = 2, fill = 'none', vb = 24 }) => (
);
const ICONS = {
search: } />,
bell: } />,
plus: } />,
close: } />,
back: } />,
next: } />,
chev: } />,
check: } />,
spark: } />,
cube: } />,
bolt: } />,
scale: } />,
shield: } />,
target: } />,
cal: } />,
bookmark:} />,
cog: } />,
out: } />,
copy: } />,
arrowUp: } />,
arrowDn: } />,
layers: } />,
flow: } />,
walletI: } />,
dollar: } />,
alertI: } />,
info: } />,
};
// === BRAND TICKER LOGOS ===
// Real-feeling brand glyphs as inline SVG. Each renders inside a 32-unit viewBox.
const BRAND_LOGOS = {
BTC: ({ s = 32 }) => (
),
ETH: ({ s = 32 }) => (
),
HYPE: ({ s = 32 }) => (
),
NVDA: ({ s = 32 }) => (
),
SPX: ({ s = 32 }) => (
),
AAPL: ({ s = 32 }) => (
),
MSFT: ({ s = 32 }) => (
),
TSLA: ({ s = 32 }) => (
),
GOOGL: ({ s = 32 }) => (
),
AMZN: ({ s = 32 }) => (
),
GOLD: ({ s = 32 }) => (
),
};
// Asset glyph — uses real brand logo for known tickers, falls back to ticker tile.
const AssetGlyph = ({ sym, size = 28, animate = false }) => {
const Brand = BRAND_LOGOS[sym];
const wrapStyle = {
width: size, height: size,
display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
flex: '0 0 auto',
transition: 'transform 280ms cubic-bezier(.2,1.2,.4,1), filter 240ms var(--ease)',
transformOrigin: 'center',
};
if (Brand) {
return (
);
}
const a = window.VD.VD_ASSETS.find(x => x.sym === sym);
const c = a ? a.color : '#99A1AA';
return (
{sym.slice(0,3)}
);
};
// Big serif Verdict wordmark for the top-left.
const Logo = ({ size = 26 }) => (
);
window.VDIcons = { ICONS, Icon, Logo, AssetGlyph, BRAND_LOGOS };