{# EXTENDS #}
{% extends "@organisms/tm-line-info/line-info-base/line-info-base.twig" %}

{% set header_id = 'line-info-route-section' %}

{% block header_outside_block %}
  {{ attach_library('ui_patterns/line_info_route_section.line_info_route_section_lib') }}
  <div class="container line-info-jump-links-container">
    <nav class="line-info-jump-links text-center">
      <ul class="ulc ulin">
        {% for paragraph in content_paragraphs %}
          <li class="lic liin">
            {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
              'text': paragraph.title,
              'url': '#' ~ paragraph.id,
              'icon_right': 'far fa-chevron-down',
            } only %}
          </li>
        {% endfor %}
      </ul>
    </nav>
  </div>
{% endblock %}
