{% set classes = classes|default('') %}
{% set isDark = isDark|default(NULL) %}
{% set classes = isDark ? classes ~ " is-dark" : classes %}
{% set color = color|default(NULL) %}
{% if color == 'white' %}
    {% set classes = isSolid ? classes ~ " is-solid" : classes %}
{% endif %}

{% set isAnimated = isAnimated|default(false) and isAnimated == true ? true : false %} {# default false #}

<div class="wrapper-carousel-controls {{ classes }}">
    <div class="wrapper-carousel-controls__scrollbar">
        <div class="swiper-hvr-scrollbar swiper-scrollbar"></div>
    </div>

    <div class="wrapper-carousel-controls__buttons">
        <div class="swiper-hvr-button-prev">
            {% include "@views/components/buttons/circle/arrow/template.twig" with {
                classes: "",
                direction: "prev",
                color: color,
                isDark: isDark,
                isSolid: isSolid
            } %}
        </div>

        <div class="swiper-hvr-button-next">
            {% include "@views/components/buttons/circle/arrow/template.twig" with {
                classes: "",
                direction: "next",
                color: color,
                isDark: isDark,
                isSolid: isSolid
            } %}
        </div>
    </div>
</div>