seeds_tailwind-1.0.x-dev/components/sui_teaser_2col/pattern-sui-teaser_2col.html.twig

{% if variant and variant|lower == 'left_teaser' %}
  <div class="sui-{{ variant }} rounded-{{ props.raduis }} group {% if props.raduis != 'none' %} overflow-hidden {% endif %} {{ props.extra_wrapper_class | default('') }} bg-white border border-[#E4E7EB]">
    <div class="{{ props.row_classes }}">
      <div class="{{ props.image_col_classes }}">
        <div class="sui-{{ variant }}-img {% if props.image_scale %} duration-500 transition-all group-hover:scale-[1.12] {% endif %}">
          {{ slots.image }}
        </div>
      </div>
      <div class="{{ props.content_col_classes }}">
        <div class="sui-{{ variant }}-content p-4">
          {% if slots.title %}
            <div class="sui-{{ variant }}-title">
              {{ slots.title }}
            </div>
          {% endif %}
          {% if slots.body %}
            <div class="sui-{{ variant }}-body">
              {{ slots.body }}
            </div>
          {% endif %}
          {% if slots.link %}
            <div class="sui-{{ variant }}-link">
              {{ slots.link }}
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>

{% elseif variant and variant|lower == 'right_teaser' %}
  <div class="sui-{{ variant }} rounded-{{ props.raduis }} group {% if props.raduis != 'none' %} overflow-hidden {% endif %} {{ props.extra_wrapper_class | default('') }} bg-white border border-[#E4E7EB]">
    <div class="{{ props.row_classes }}">
      <div class="{{ props.content_col_classes }}">
        <div class="sui-{{ variant }}-content p-4">
          {% if slots.title %}
            <div class="sui-{{ variant }}-title">
              {{ slots.title }}
            </div>
          {% endif %}
          {% if slots.body %}
            <div class="sui-{{ variant }}-body">
              {{ slots.body }}
            </div>
          {% endif %}
          {% if slots.link %}
            <div class="sui-{{ variant }}-link">
              {{ slots.link }}
            </div>
          {% endif %}
        </div>
      </div>
      <div class="{{ props.image_col_classes }}">
        {% if slots.image %}
          <div class="sui-{{ variant }}-img {% if props.image_scale %} duration-500 transition-all group-hover:scale-[1.12] {% endif %}">
            {{ slots.image }}
          </div>
        {% endif %}
      </div>
    </div>
  </div>
{% endif %}