{% 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">
            {% if sidebar_service.field_sidebar_service_link.0.url.external %}
              <a href="{{ sidebar_service.field_sidebar_service_link.uri }}">
                {{ content.field_sidebar_service_image }}
                <span class="sidebar-text">
                  {{ sidebar_service.field_sidebar_service_link.title }}
                </span>
              </a>
            {% else %}
              <a href="{{ path(sidebar_service.field_sidebar_service_link.0.url.routeName, sidebar_service.field_sidebar_service_link.0.url.routeParameters) }}">
                {{ content.field_sidebar_service_image }}
                <span class="sidebar-text">
                  {{ sidebar_service.field_sidebar_service_link.title }}
                </span>
              </a>
            {% endif %}
        </span>
    </div>
</div>