<div class="basepack-block--wrapper castorcito-basepack--item">
  <div class="castorcito-basepack--inner">
    <div class="{{ 'basepack-block--' ~ component_data.fields.block.value|lower|replace({' ' : '-'}) }} {{ 'basepack-block--type-' ~ component_data.fields.block.type }}">
      <div class="basepack-block--header">
        {% if component_data.fields.title.value is not empty %}
          <div class="basepack-block--title-container">
            <h3 class="basepack-block--title">{{ component_data.fields.title.value }}</h3>
          </div>
        {% endif %}
        {% if component_data.fields.subtitle.value is not empty %}
          <h4 class="basepack-block--subtitle">{{ component_data.fields.subtitle.value }}</h4>
        {% endif %}
        {% if component_data.fields.description.value is not empty %}
            <div class="basepack-block--description">
            {% embed "castorcito:castorcito_formatted_text" with {
              cfield_data: component_data.fields.description
            } %}
            {% endembed %}
            </div>
        {% endif %}
      </div>
      <div class="basepack-block--block">
      {{ drupal_block(component_data.fields.block.block_id) }}
      </div>
    </div>
  </div>
</div>
