{% component toc.render(headers: array) %}
<ul>
  {% for header in headers %}
  <li>
    <a href="{{ header.permalink | safe }}">{{ header.title }}</a>
    {% if header.children %}{{<toc.render headers={header.children} />}}{% endif %}
  </li>
  {% endfor %}
</ul>
{% endcomponent toc.render %}