// games.jsx
// The list of learning games shown on Evelyn's home page, plus the skills they
// build. Each game has its own pastel "theme" color so the grid stays varied,
// and each maps to a `skill` that earns experience points when she plays.
// `ready: false` games show a sweet "Coming soon!" message when tapped.

// ---------------------------------------------------------------------------
// Skills — what Evelyn levels up. One per game, grouped by subject for her
// profile. `theme` reuses a card color so each skill's progress bar matches.
// ---------------------------------------------------------------------------
const SKILLS = {
  counting: { id: "counting", name: "Counting", emoji: "🔢", subject: "Math", theme: "berry" },
  adding:   { id: "adding",   name: "Adding",   emoji: "➕", subject: "Math", theme: "grape" },
  shapes:   { id: "shapes",   name: "Shapes",   emoji: "🔷", subject: "Math", theme: "sky" },
  letters:  { id: "letters",  name: "Letters",  emoji: "🔤", subject: "Reading", theme: "mint" },
  reading:  { id: "reading",  name: "Reading",  emoji: "📖", subject: "Reading", theme: "bubblegum" },
  rhyming:  { id: "rhyming",  name: "Rhyming",  emoji: "🎵", subject: "Reading", theme: "lilac" },
  spelling: { id: "spelling", name: "Spelling", emoji: "🐝", subject: "Writing", theme: "sunny" },
  writing:  { id: "writing",  name: "Writing",  emoji: "✏️", subject: "Writing", theme: "peach" },
  memory:   { id: "memory",   name: "Memory",   emoji: "🦋", subject: "Thinking", theme: "ocean" },
};

// Order subjects appear on the profile page.
const SUBJECT_ORDER = ["Math", "Reading", "Writing", "Thinking"];

const GAMES = [
  {
    id: "counting",
    title: "Counting Stars",
    blurb: "Count the cuties!",
    emoji: "🔢",
    subject: "Math",
    theme: "berry",
    skill: "counting",
    ready: true,
  },
  {
    id: "addition",
    title: "Math Magic",
    blurb: "Add them up",
    emoji: "➕",
    subject: "Math",
    theme: "grape",
    skill: "adding",
    ready: false,
  },
  {
    id: "shapes",
    title: "Shape Party",
    blurb: "Match the shapes",
    emoji: "🔷",
    subject: "Math",
    theme: "sky",
    skill: "shapes",
    ready: false,
  },
  {
    id: "letters",
    title: "Letter Land",
    blurb: "ABC adventures",
    emoji: "🔤",
    subject: "Reading",
    theme: "mint",
    skill: "letters",
    ready: false,
  },
  {
    id: "sight-words",
    title: "Reading Garden",
    blurb: "Grow your words",
    emoji: "📖",
    subject: "Reading",
    theme: "bubblegum",
    skill: "reading",
    ready: false,
  },
  {
    id: "rhyme",
    title: "Rhyme Time",
    blurb: "Words that sing",
    emoji: "🎵",
    subject: "Reading",
    theme: "lilac",
    skill: "rhyming",
    ready: false,
  },
  {
    id: "spelling",
    title: "Spelling Bee",
    blurb: "Buzz the letters",
    emoji: "🐝",
    subject: "Writing",
    theme: "sunny",
    skill: "spelling",
    ready: false,
  },
  {
    id: "tracing",
    title: "Tracing Trail",
    blurb: "Draw your letters",
    emoji: "✏️",
    subject: "Writing",
    theme: "peach",
    skill: "writing",
    ready: false,
  },
  {
    id: "memory",
    title: "Memory Match",
    blurb: "Find the pairs",
    emoji: "🦋",
    subject: "Thinking",
    theme: "ocean",
    skill: "memory",
    ready: false,
  },
];

// Make available to the React app (separate Babel scripts share window scope).
window.GAMES = GAMES;
window.SKILLS = SKILLS;
window.SUBJECT_ORDER = SUBJECT_ORDER;