/* Icons + small SVG components — shared across pages */
const Icon = {
arrow: (p={}) => ,
arrowDown: (p={}) => ,
external: (p={}) => ,
search: (p={}) => ,
plus: (p={}) => ,
trophy: (p={}) => ,
twitch: (p={}) => ,
youtube: (p={}) => ,
discord: (p={}) => ,
x: (p={}) => ,
instagram: (p={}) => ,
};
window.Icon = Icon;
/* Official LoL position icons — recreated to match Riot's minimap-corner stylisation.
TOP: solid corner block in top-left + diagonal "river" line
JUNGLE: stylised leaf
MID: diagonal river line crossing the map
ADC (BOTTOM): solid corner block in bottom-right + diagonal river line
SUPPORT (UTILITY): stylised shield with cross
*/
const ROLE_ICON_MAP = {
TOP: ({ size = 20 }) => (
),
JUNGLE: ({ size = 20 }) => (
),
MID: ({ size = 20 }) => (
),
ADC: ({ size = 20 }) => (
),
SUPPORT: ({ size = 20 }) => (
),
GENERIC: ({ size = 20 }) => (
),
};
window.RoleIcon = function RoleIcon({ role, size = 20 }) {
const C = ROLE_ICON_MAP[role] || ROLE_ICON_MAP.GENERIC;
return ;
};
// Brand mark — official Abyssalis logo
window.BrandMark = function BrandMark({ size = 36 }) {
return (
);
};
// Game glyph (simple stylised mark per game)
window.GameGlyph = function GameGlyph({ id, color = "#4DA8FF" }) {
switch (id) {
case "lol":
return ;
case "val":
return ;
case "cs2":
return ;
case "rl":
return ;
case "tft":
return ;
default: return null;
}
};
// Team logo placeholder — uses team abbr inside a slanted shape
window.TeamLogo = function TeamLogo({ team, size = 80 }) {
const palette = {
"abyssalis-lol": ["#4DA8FF", "#0a3a55"],
"abyssalis-vlr": ["#FF4655", "#3a1a2e"],
"abyssalis-cs2": ["#F4C75B", "#2a2410"],
"abyssalis-rl": ["#7BC4FF", "#0a2545"],
"abyssalis-tft": ["#A78BFA", "#15213d"],
};
const [accent, bg] = palette[team.slug] || ["#4DA8FF", "#0a3a55"];
return (
);
};
// Sponsor logo — typographic placeholder
window.SponsorLogo = function SponsorLogo({ name }) {
return (
{name.toUpperCase()}
);
};