<div class="basepack-a-bar--wrapper castorcito-basepack--item {{ display_settings.display_options.speed is not empty ? display_settings.display_options.speed }} {{ display_settings.display_options.type is not empty ? display_settings.display_options.type }}">
  <div class="castorcito-basepack--inner">
    <div class="basepack-a-bar--item marquee {{ component_data.fields.formatter.value is not empty ? component_data.fields.formatter.value }}">
      <div class="basepack-a-bar--item--content marquee--content">
        {% if component_data.fields.link.value is not empty %}
          <a class="basepack-a-bar--item--link"
            href="{{ component_data.fields.link.external
                    ? component_data.fields.link.value
                    : drupal_url(component_data.fields.link.relative) }}"
            {{ component_data.fields.link.target ? 'target=' ~ component_data.fields.link.target }}>
        {% endif %}
        {% if component_data.fields.icon.value is not empty %}
        <div class="basepack-a-bar--item--icon">
          {% embed "castorcito:castorcito_image" with {
            cfield_data: component_data.fields.icon,
            cfield_display_settings: display_settings.cfields.icon
          } %}
          {% endembed %}
        </div>
        {% endif %}
        {% if component_data.fields.text.value is not empty  %}
          <div class="basepack-a-bar--item--text">
          {% embed "castorcito:castorcito_formatted_text" with {
            cfield_data: component_data.fields.text
          } %}
          {% endembed %}
          </div>
        {% endif %}
        {% if component_data.fields.link.value is not empty %}
          </a>
        {% endif %}

      </div>
    </div>
  </div>
</div>
