<div{{ attributes }}>

  {{ title_prefix }}
  {% if label %}
    <h2{{ title_attributes.addClass('title') }}>{{ label }}</h2>
  {% endif %}
  {{ title_suffix }}

  {% if header is not empty %}
    <div class="component-wrapper--header">
      {{ header }}
    </div>
  {% endif %}

  <div{{ content_attributes.addClass('component-wrapper--content') }}>
    {% set nav_component_wrapper_header_id = 'nav-component-wrapper-header--' ~ component_wrapper.id %}
    {% set classes = ['component', 'navigation-component-wrapper'] %}
    <div id="{{ nav_component_wrapper_header_id }}" {{ attributes.addClass(classes, component_wrapper_class) }}>
      {% if is_parent %}
        {% if items is not empty %}
          <div class="timeline--content field__items">
            {% for key,item in items %}
              <div class="field__item">
                {{ item }}
              </div>
            {% endfor %}
          </div>
        {% endif %}
      {% else %}
        {{ content }}
      {% endif %}
    </div>
  </div>

  {% if footer is not empty %}
    <div class="component-wrapper--footer">
      {{ footer }}
    </div>
  {% endif %}

</div>
