{% set cardElement = extraClass == 'splide__slide' ? 'li' : 'article' %}
<{{ cardElement }} class="card {{ extraClass }}">
    {% block header %}
        {% if post.thumbnail %}
            <div class="card__image-container">
                <img{{ post.thumbnail|get_timber_image_responsive('card') }}>
            </div>
        {% endif %}
    {% endblock %}
    {% block content %}
        <div class="card__content">
            {% block date %}
                <span class="card__date">{{ post.date|date('d-m-Y') }}</span>
            {% endblock %}
            <h2 class="card__title">{{ post.title }}</h2>
            {% block excerpt %}
                <p class="card__excerpt">{{ post.excerpt }}</p>
            {% endblock %}
        </div>
    {% endblock %}
    {% block footer %}
        <div class="card__footer">
            <div class="button--round">
                {{ icon('arrow-right', 'arrow-right') }}
            </div>
        </div>
    {% endblock %}
    {% block link %}
        {% if post.link %}
            <a href="{{ post.link }}" class="card__link-overlay" aria-label="Naar detailpagina"></a>
        {% endif %}
    {% endblock %}
</{{ cardElement }}>
