{% set classes = classes|default("") %}
{% set params = params|default("") %}

{% set tag = tag|default("div") %}

<{{ tag }} class="navigation-global-tile-recipe {{ classes }}" {{ params }}>
    <a href="{{ href }}" target="{{ target|default("_self") }}">
        {% include '@views/components/media/image/template.twig' with {
            classes: "tile-recipe__image",
            aspectRatio: "square",
            src: src,
            srcTablet: srcTablet,
            srcMobile: srcMobile,
            wordpressId: wordpressId,
            resizeConfig: {
                xs: [280, 280],
                xl: [400, 400],
                xxl: [500, 500]
            }
        } only %}
        <span class="visuallyhidden">{{ heading }}</span>
    </a>
    <div class="tile-recipe__text">
        <a href="{{ href }}" target="{{ target|default("_self") }}">
            <span class="text-p strong line-clamp">{{ heading }}</span>
            {# <span class="text-p--small">{{ description }}</span> #}
        </a>
    </div>
</{{ tag }}>