/* prototype/views/plannen.jsx
   LerenPlannenStubView — cross-pijler stub for the Plannen pillar.
   Accessed from the Leren dashboard HandoffCard or the nav shortcut. */

function LerenPlannenStubView({ t, navigate }) {
  return (
    <LerenPage t={t} title="Plannen" subtitle="Plan je studieweek" activeNav="plannen"
      snaps={1240} streak={12} level={7} url="snapsnel.nl/plannen">
      <div style={{ display: 'flex', flexDirection: 'column', gap: 24, alignItems: 'center', textAlign: 'center', padding: '60px 20px', maxWidth: 600, margin: '0 auto' }}>
        <PulseMascot size={96} mood="thinking" />
        <h1 style={{ fontFamily: 'Fredoka One', fontSize: 32, color: t.fg, fontWeight: 400, margin: 0 }}>Plannen — coming soon</h1>
        <p style={{ fontSize: 14.5, color: t.fgDim, lineHeight: 1.6, margin: 0 }}>
          Hier zie je je hele week — toetsen, blokken, en wat Pulse voor je heeft gepland. De drie pijlers (Leren, Oefenen, Plannen) komen hier samen.
        </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.LerenPlannenStubView = LerenPlannenStubView;