{# FIXME: Needs a _base Teaser for the common Teaser structure  #}
{% set options = options|default({}) + {
    teaser_variant: 'news',
    teaser_text_container_class: 'col-6',
} %}

{% block teaser %}
    <div class="components components-teaser components-teaser-{{ options.teaser_variant }} {{ options.teaser_container_class|default }}">
        {% if teaser.link|default %}
        <a href="{{ teaser.link|default }}" aria-label="{{ teaser.title|default }}">
        {% endif %}
            {% block teaser_content %}
                <div class="row d-flex align-items-center teaserlist">

                    {# Date #}
                    <div class="col">
                        <div class="date">{{ teaser.date|localedatetime("%d.%m.%Y")|default }}</div>
                    </div>

                    {# Title #}
                    <div class="{{ options.teaser_text_container_class }}">
                        <div class="title">{{ teaser.title|default }}</div>
                    </div>

                    {# Indicator #}
                    <div class="col">
                        <i class="indicator far fa-long-arrow-alt-right"></i>
                    </div>

                </div>
            {% endblock %}
        {% if teaser.link|default %}
        </a>
        {% endif %}
    </div>
{% endblock %}