{% set nav_component_item_header_id = 'nav-component-item-header--' ~ component_item.id %}
{% set classes = ['component', 'navigation-component-item'] %}
<div id="{{ nav_component_item_header_id }}" {{ attributes.addClass([component_wrapper_class, 'component-item-alert--' ~ component_item.id]) }}>

  <div{{ content_attributes.addClass('component-item--content') }}>
    <button id="{{ component_item.id }}" type="button" class="close close--{{ component_item.id }}" data-dismiss="alert" aria-label="Close"></button>
    {{ title_prefix }}
    {% if label %}
      {{ label }}
    {% endif %}
    {{ title_suffix }}
    <div style="display: none">
      {{ content.field_color }}
    </div>
    {{ content|without('title', 'field_color') }}
  </div>
</div>
