{#{% 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') }}>#}
{#    {% if topic_summary.field_image is not empty %}#}
{#      {{ content.field_image }}#}
{#    {% endif %}#}
{#    {% if topic_summary.field_body is not empty or topic_summary.field_link is not empty %}#}
{#      <h2>{{ content.field_link }}</h2>#}
{#      {{ content.field_body }}#}
{#    {% endif %}#}
{#    <h3>check</h3>#}
{#  </div>#}
{#</div>#}
{% 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) }}>

  {#  {{ title_prefix }}#}
  {#  {% if label %}#}
  {#    <h2{{ title_attributes.addClass('title') }}>{{ label }}</h2>#}
  {#  {% endif %}#}
  {#  {{ title_suffix }}#}
  {% set color_field = service_block.field_service_block_color.value %}
  {% for color in color_field %}
  <div{{ content_attributes.addClass('component-item--content')}} style="background-color: {{color.color }}">
    {{ content }}
  </div>
  {% endfor%}
</div>