{% set target = target|default("_self") %}
{% set headingClass = headingClass|default(isLarge ? "h6" : "h7") %}
{# flag based class updates #}
{% set classes = (isLarge == true) ? classes ~ ' is-large' : classes %}

<div class="card card-recipe {{ classes }}" {{ params }}>
    <a href="{{ href }}" target="{{ target }}">
        {% if mealPlanDay %}
            <div class="card-recipe__meal-plan-header row row--align-center">
                <span>{{ mealPlanDay }}</span>
                <figure {{ bookmarkParams }}>{% include "@assets/vectors/bookmark-fill.svg" %}</figure>
            </div>
        {% endif %}
        {% if costPerServing %}
            <div class="card-recipe__tags tag--cost-per-serving">
                <ul>
                    <li>
                        <span class="card-recipe__tag text--meta">${{ costPerServing }} per serving*</span>
                    </li>
                </ul>
            </div>
        {% endif %}
        {% if tags %}
            <div class="card-recipe__tags tag--generic" {% if costPerServing %}style="display:none;"{% endif %}>
                <ul>
                    <li>
                        <span class="card-recipe__tag text--meta {{ tags|first.name|lower|replace({' ':'-'}) }}">{{ tags|first.name }}</span>
                    </li>
                </ul>
            </div>
        {% endif %}
        <div class="card-recipe__image-wrapper">
            {% include "@views/components/media/image/template.twig" with {
                classes: "card-recipe__image",
                aspectRatio: "square",
                alt: alt,
                src: src,
                srcTablet: srcTablet,
                srcMobile: srcMobile
            } %}
        </div>
        <div class="card-recipe__text-wrapper">
            {% if eyebrow %}
                <span class="card-recipe__eyebrow text--meta">{{ eyebrow }}</span>
            {% endif %}

            <h3 class="card-recipe__heading line-clamp {{ headingClass }}">{{ heading }}</h3>

            {% include "@views/components/ratings/recommended/template.twig" with {
                classes: "card-recipe__recommended",
                text: recommended
            } %}
        </div>
    </a>
    {% if not mealPlanDay %}
        {% include "@views/components/buttons/bookmark/button-bookmark.twig" with {
            classes: "card-recipe__bookmark",
            params: bookmarkParams,
        } %}
    {% endif %}
</div>