<div{{ attributes.addClass(component_wrapper_class) }} id="{{ component_wrapper.id }}">

  {{ title_prefix }}
  {% if component_wrapper.display_title.value == 1 %}
    {% if label %}
      <h2{{ title_attributes.addClass('title') }}>{{ label }}</h2>
    {% endif %}
  {% endif %}
  {{ title_suffix }}

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

  <div{{ content_attributes.addClass('component-wrapper--content') }} >
    <div id="myTree--{{ component_wrapper.id }}"></div>
    {{ content|without('title') }}
  </div>

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

</div>
