// Original geometric character avatars — pure SVG, no copyrighted designs.
// Each avatar is a self-contained component rendered inside a circular pastel tile.
const AvatarBear = ({ size = 96 }) => (
);
const AvatarCat = ({ size = 96 }) => (
);
const AvatarFox = ({ size = 96 }) => (
);
const AvatarBunny = ({ size = 96 }) => (
);
const AvatarPanda = ({ size = 96 }) => (
);
const AvatarFrog = ({ size = 96 }) => (
);
const AvatarOwl = ({ size = 96 }) => (
);
const AvatarPenguin = ({ size = 96 }) => (
);
const AvatarKoala = ({ size = 96 }) => (
);
const AvatarDeer = ({ size = 96 }) => (
);
const AvatarHedgehog = ({ size = 96 }) => (
);
const AvatarSheep = ({ size = 96 }) => (
);
// Registry: id → { component, accent (pastel bg), name }
const AVATARS = [
{ id: "bear", name: "Honey", bg: "#F4E2C9", Comp: AvatarBear },
{ id: "cat", name: "Mochi", bg: "#F8DCC4", Comp: AvatarCat },
{ id: "fox", name: "Cinder", bg: "#FAD4BC", Comp: AvatarFox },
{ id: "bunny", name: "Pip", bg: "#FBE0E0", Comp: AvatarBunny },
{ id: "panda", name: "Bao", bg: "#ECECEC", Comp: AvatarPanda },
{ id: "frog", name: "Pesto", bg: "#DDEDD4", Comp: AvatarFrog },
{ id: "owl", name: "Sage", bg: "#EFE0CB", Comp: AvatarOwl },
{ id: "penguin", name: "Pebble", bg: "#D8E4EE", Comp: AvatarPenguin },
{ id: "koala", name: "Eucy", bg: "#E2E5EA", Comp: AvatarKoala },
{ id: "deer", name: "Willow", bg: "#EFD9C7", Comp: AvatarDeer },
{ id: "hedgehog", name: "Thistle", bg: "#E5D6BF", Comp: AvatarHedgehog },
{ id: "sheep", name: "Cloud", bg: "#F1ECE2", Comp: AvatarSheep },
];
// Egg tile — shown when no avatar has been summoned yet.
const EggTile = ({ size = 96, ring = false, ringClass = "ring-4 ring-white" }) => {
const sw = Math.round(size * 0.60);
const sh = Math.round(size * 0.72);
return (
);
};
// Renders an avatar inside a circular pastel tile. Handles "egg" id for first-time users.
const AvatarTile = ({ id, size = 96, ring = false, ringClass = "ring-4 ring-white" }) => {
if (id === "egg") return ;
const a = AVATARS.find((x) => x.id === id) || AVATARS[0];
const Comp = a.Comp;
return (
);
};
window.AVATARS = AVATARS;
window.AvatarTile = AvatarTile;
window.EggTile = EggTile;