{% 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) }}>
  <div{{ content_attributes.addClass('component-item--content')}} style="background-color: {{color.color }}">
    <span class="content-item">
      <span class="icon"></span>
      {% if sidebar_link_text.field_sidebar_link_text is not empty %}
        {% if sidebar_link_text.field_sidebar_link_text.0.url.external %}
          <a href="{{ sidebar_link_text.field_sidebar_link_text.uri }}">
          {{ sidebar_link_text.field_sidebar_link_text.title }}
        </a>
        {% else %}
          <a href="{{ path(sidebar_link_text.field_sidebar_link_text.0.url.routeName, sidebar_link_text.field_sidebar_link_text.0.url.routeParameters) }}">
          {{ sidebar_link_text.field_sidebar_link_text.title }}
        </a>
        {% endif %}
      {% endif %}
      {% if sidebar_link_text.field_sidebar_link_text_desc.value is not empty %}
        <span class="description">
          {{ sidebar_link_text.field_sidebar_link_text_desc.value }}
      </span>
      {% endif %}
    </span>
  </div>
</div>
