{% extends "base.html" %}

{% from "chirpui/hero.html" import page_hero %}
{% from "chirpui/layout.html" import container, stack %}
{% from "chirpui/surface.html" import surface %}
{% from "partials/learning-pages.html" import rendered_body %}

{% block content %}
{% let title = page?.title ?? "Notebook" %}
{% let description = page?.description ?? params?.description ?? "Executable notes and outputs." %}

{% call container(cls="chirp-theme-learning-page chirp-theme-notebook-page") %}
  {% call stack(gap="lg") %}
    {{ page_hero(title=title, subtitle=description, variant="minimal", background="solid", cls="chirp-theme-learning-hero") }}
    {% call surface(variant="default", cls="chirp-theme-notebook-surface") %}
      {{ rendered_body(content) }}
    {% end %}
  {% end %}
{% end %}
{% end %}