/* global React, window */
// Logiq Kidz · mascots.jsx — five bold geometric kid-friendly mascot SVGs.
// Each renders crisp at any size. Style: rounded, chunky, bright cartoon.
function MascotShell({ size = 96, children, viewBox = '0 0 100 100' }) {
return (
);
}
// Pico — purple owl (Logic mascot)
function Pico({ size = 96 }) {
return (
{/* ears */}
{/* body */}
{/* belly */}
{/* eye discs */}
{/* eyes */}
{/* beak */}
{/* cheek pink */}
{/* wing */}
);
}
// Numo — yellow number sprite (Math mascot)
function Numo({ size = 96 }) {
return (
{/* body — rounded square with a "7" silhouette feel */}
{/* face panel */}
{/* eyes */}
{/* smile */}
{/* cheeks */}
{/* plus + minus emblems on body corners */}
+
−
×
=
);
}
// Sparky — teal lightbulb (STEM mascot)
function Sparky({ size = 96 }) {
return (
{/* bulb base (screw) */}
{/* glass bulb */}
{/* highlight */}
{/* eyes */}
{/* smile */}
{/* spark rays */}
);
}
// Bytey — orange pixel robot (Coding mascot)
function Bytey({ size = 96 }) {
return (
{/* antenna */}
{/* head */}
{/* screen */}
{/* pixel eyes (square) */}
{/* smile pixels */}
{/* neck + body */}
{/* chest light */}
{/* arms */}
);
}
// Rooky — friendly chess rook (Chess mascot)
function Rooky({ size = 96 }) {
return (
{/* crenellations */}
{/* top band */}
{/* tower body */}
{/* base */}
{/* face area lighter */}
{/* eyes */}
{/* smile */}
{/* cheek */}
);
}
function Mascot({ which, size = 96 }) {
const map = { pico: Pico, numo: Numo, sparky: Sparky, bytey: Bytey, rooky: Rooky };
const Cmp = map[which] || Pico;
return ;
}
window.LKMascots = { Mascot, Pico, Numo, Sparky, Bytey, Rooky };