{% block content %}
<h1>
  {%- if doc.title -%}
    {$ doc.title $}
  {%- elif doc.moduleName -%}
    {$ doc.groupType | title $} components in {$ doc.moduleName | code $}
  {%- else -%}
    Pages
  {%- endif -%}
</h1>

{$ doc.description | marked $}

<div class="component-breakdown">
  <div>
    <table class="definition-table">
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
      {% for page in doc.components %}
      <tr>
        <td>{$ page.id | link(page.name, page) $}</td>
        <td>{$ page.description | firstParagraph | marked $}</td>
      </tr>
      {% endfor %}
    </table>
  </div>
</div>

{% endblock %}