/* prototype/views/oefenen.jsx
   LerenOefenenStubView — cross-pijler stub for the Oefenen pillar.
   Accessed from the Leren dashboard HandoffCard or the nav shortcut. */

function LerenOefenenStubView({ t, navigate }) {
  return (
    <LerenPage t={t} title="Oefenen" subtitle="Toepassen wat je geleerd hebt" activeNav="oefenen"
      snaps={1240} streak={12} level={7} url="snapsnel.nl/oefenen">
      <div style={{ display: 'flex', flexDirection: 'column', gap: 24, alignItems: 'center', textAlign: 'center', padding: '60px 20px', maxWidth: 600, margin: '0 auto' }}>
        <PulseMascot size={96} mood="curious" />
        <h1 style={{ fontFamily: 'Fredoka One', fontSize: 32, color: t.fg, fontWeight: 400, margin: 0 }}>Oefenen — coming soon</h1>
        <p style={{ fontSize: 14.5, color: t.fgDim, lineHeight: 1.6, margin: 0 }}>
          Hier ga je toepassen wat je in Leren onthouden hebt. Mini-quizzes, oefen-toetsen en realistische opdrachten — de plek waar oefenen voor je toets begint.
        </p>
        <HandoffCard t={t} pillar="leren" direction="from"
          title="Terug naar Leren"
          subtitle="Pak je hoofdstukken op of herhaal je kaarten."
          onClick={() => navigate('dashboard')} />
      </div>
    </LerenPage>
  );
}
window.LerenOefenenStubView = LerenOefenenStubView;