// sport-icons.jsx — Per-sport inline-SVG glyphs.
//
// Monochrome line-art glyphs that inherit color via `currentColor`. Each
// tile in the home/sports lists wraps the glyph in its own gold or dim
// background, so the glyph itself is just stroke-on-transparent.
//
// API: and
// .
function SportGlyph({ id, sportId, size = 18, style }) {
const key = id || sportId;
const stroke = 'currentColor';
const sw = 1.6;
const s = {
width: size, height: size, display: 'block', flexShrink: 0,
...(style || {}),
};
switch (key) {
case 'fb':
return (
);
case 'mbb':
case 'wbb':
return (
);
case 'bsb':
return (
);
case 'soc':
case 'soc_w':
case 'soc_m':
return (
);
case 'vb':
return (
);
case 'gym':
return (
);
case 'wr':
return (
);
case 'rifle':
return (
);
case 'xc':
case 'trk':
return (
);
case 'swim':
return (
);
case 'row':
return (
);
case 'hky':
return (
);
case 'ski':
return (
);
default:
return (
);
}
}
// Wrapper that renders SportGlyph inside a square tile.
function SportTile({ sport, size = 40, variant = 'gold', radius }) {
const isGold = variant === 'gold';
const bg = isGold
? `linear-gradient(135deg, ${WVU.goldDim}, ${WVU.gold})`
: WVU.ink3;
const fg = isGold ? WVU.blueDim : WVU.creamDim;
const glyphSize = Math.round(size * 0.55);
return (
);
}
Object.assign(window, { SportGlyph, SportTile });