/* === Kids Kingdom — App.jsx === */
const { useState, useEffect, useRef } = React;
/* ---------- Tiny inline SVG icon set (no external deps) ---------- */
const Icon = {
Shield: ({ size = 22, c = "currentColor" }) => (
),
Crown: ({ size = 22, c = "currentColor" }) => (
),
Arrow: ({ size = 16, c = "currentColor" }) => (
),
Play: ({ size = 14, c = "currentColor" }) => (
),
Star: ({ size = 22, c = "currentColor" }) => (
),
Heart: ({ size = 22, c = "currentColor" }) => (
),
Sparkle: ({ size = 22, c = "currentColor" }) => (
),
Book: ({ size = 22, c = "currentColor" }) => (
),
Brush: ({ size = 22, c = "currentColor" }) => (
),
Compass: ({ size = 22, c = "currentColor" }) => (
),
Bulb: ({ size = 22, c = "currentColor" }) => (
),
Tree: ({ size = 22, c = "currentColor" }) => (
),
Puzzle: ({ size = 22, c = "currentColor" }) => (
),
Phone: ({ size = 20, c = "currentColor" }) => (
),
Mail: ({ size = 20, c = "currentColor" }) => (
),
Pin: ({ size = 20, c = "currentColor" }) => (
),
Whats: ({ size = 18, c = "currentColor" }) => (
),
Insta: ({ size = 18, c = "currentColor" }) => (
),
Fb: ({ size = 18, c = "currentColor" }) => (
),
Menu: ({ size = 20, c = "currentColor" }) => (
),
X: ({ size = 20, c = "currentColor" }) => (
),
Check: ({ size = 32, c = "currentColor" }) => (
),
};
Object.assign(window, { Icon });