// Placeholder page for routes that don't have a full design yet
function PlaceholderPage({ title, body, route, go }) {
  return (
    <main id="main" tabIndex="-1" data-screen-label={"Placeholder · " + route}>
      <section className="bb-placeholder">
        <div className="bb-placeholder__icon" aria-hidden="true">
          <Icon name="sparkle" size={44} stroke={1.6} />
        </div>
        <h1>{title}</h1>
        <p>{body}</p>
        <p style={{ fontFamily: "var(--font-hand)", color: "var(--bb-green-forest)", fontSize: 20 }}>
          Deze pagina komt binnenkort. De homepage geeft alvast het volledige systeem weer.
        </p>
        <div style={{ display: "flex", gap: 12, justifyContent: "center", flexWrap: "wrap", marginTop: 24 }}>
          <Button variant="primary" onClick={() => go("home")}>
            <Icon name="arrowLeft" /> Terug naar home
          </Button>
          <Button variant="secondary" onClick={() => go("meedoen")}>Meld je aan</Button>
        </div>
      </section>
    </main>
  );
}

const PLACEHOLDER_CONTENT = {
  "hoe-werkt-het": {
    title: "Hoe werkt het",
    body: "Zeven stappen voor jongeren, zeven stappen voor groepsbeheerders, plus een echte buurtapp-voorbeeld in een telefoon-mockup.",
  },
  "waar-actief": {
    title: "Waar actief in Haarlem",
    body: "Een kaart van Haarlem met kleurcodering: groen = actief, oranje = in opstart, grijs = aangemeld.",
  },
  "meedoen": {
    title: "Meedoen",
    body: "Aanmeldformulieren voor ouders met kinderen én voor groepsbeheerders. Aanmelden duurt minder dan twee minuten.",
  },
  "over": {
    title: "Over Buiten Buddies",
    body: "Het verhaal van Sabrina Costermans, onze missie en onze partner Gemeente Haarlem.",
  },
  "in-de-media": {
    title: "In de media",
    body: "Top-idee Noord aan Zet 2025 · 1.233 stemmen · NH Nieuws · Haarlems Dagblad.",
  },
  "faq": {
    title: "Veelgestelde vragen",
    body: "Antwoorden voor ouders, jongeren en potentiële groepsbeheerders.",
  },
  "contact": {
    title: "Contact",
    body: "Sabrina staat klaar voor je vragen. E-mail, telefoon, Instagram en Facebook, kies wat het beste werkt.",
  },
  "privacybeleid": { title: "Privacybeleid", body: "Hoe Buiten Buddies omgaat met persoonsgegevens." },
  "cookiebeleid": { title: "Cookiebeleid", body: "Welke cookies de website gebruikt en waarvoor." },
  "disclaimer": { title: "Disclaimer", body: "Aansprakelijkheid, verantwoordelijkheid en externe platforms." },
  "toegankelijkheid": { title: "Toegankelijkheidsverklaring", body: "Hoe we werken aan WCAG 2.2 AA voor iedereen." },
};

Object.assign(window, { PlaceholderPage, PLACEHOLDER_CONTENT });