// lol-icons.jsx — League of Legends styled SVG icons replacing emoji decoration
// Official Riot position icons rendered directly as inline SVGs (zero network/CORS dependency)
function RoleIcon({ pos, size = 22, color = '#C8AA6E', style = {} }) {
const p = (pos || '').toString().toUpperCase();
const normalized = p === 'MIDDLE' ? 'MID' : (p === 'BOT' || p === 'BOTTOM') ? 'ADC' : (p === 'SUP' || p === 'UTILITY') ? 'SUPPORT' : p;
const s = { width: size, height: size, display: 'inline-block', verticalAlign: 'middle', flexShrink: 0, filter: 'drop-shadow(0 1px 1px rgba(0,0,0,0.3))', ...style };
const bgFill = '#785a28';
switch (normalized) {
case 'TOP':
return (
);
case 'JUNGLE':
return (
);
case 'MID':
return (
);
case 'ADC':
return (
);
case 'SUPPORT':
return (
);
default:
return null;
}
}
// Generic LoL-styled glyphs replacing common UI emoji
function LolIcon({ name, size = 18, color = '#C8AA6E' }) {
const s = { width: size, height: size, display: 'inline-block', verticalAlign: 'middle', flexShrink: 0 };
switch (name) {
case 'home': // hextech crystal
return (
);
case 'pool': // championship cup
return (
);
case 'comp': // crossed swords
return (
);
case 'draft': // pick bracket
return (
);
case 'scout': // eye
return (
);
case 'learn': // tome
return (
);
case 'vod': // play
return (
);
case 'patch': // shard
return (
);
case 'star':
return (
);
case 'check':
return (
);
case 'flame':
return (
);
case 'sparkle':
return (
);
default:
return ;
}
}
Object.assign(window, { RoleIcon, LolIcon });