{% if not options is defined %}
    {% set options = {} %}
{% endif %}
{% set options = {
        items: [

        ],
        itemsRaw: false,
        itemsTextContainer: false,
        include: false,
        settings: "{'loop': true}",
        slideStyle: false,
        carouselClass: false,
        iterateDelay: false,
        margin: 20
    }|merge(options)
%}

{#
Default Settings: 
    active: true,
    align: 'center',
    axis: 'x',
    breakpoints: {},
    container: null,
    containScroll: 'trimSnaps',
    direction: 'ltr',
    dragFree: false,
    draggable: true,
    dragThreshold: 10,
    duration: 25,
    focus: true,
    inViewThreshold: 0,
    inViewMargin: '0px',
    loop: false,
    resize: true,
    skipSnaps: false,
    slideChanges: true,
    slides: null,
    slidesToScroll: 1,
    ssr: [],
    startSnap: 0
#}
{% if options.itemsTextContainer %}
    {% set options = options|merge({include: "components/_text-container.html.twig"}) %}
{% endif %}
{% if options.margin %}
    {% set options = options|merge({slideStyle: "padding-left: " ~ options.margin ~ "px;" ~ options.slideStyle}) %}
{% endif %}
<div class="embla{{ (options.carouselClass) ? (' '~options.carouselClass) }}"{{ (options.settings) ? (' data-carousel="' ~ options.settings ~ '"')|raw : false }}>
    <div class="embla__viewport">
        <div class="embla__container"{{ (options.margin) ? (' style="margin-left: ' ~ -options.margin ~ 'px"')|raw }}>
            {% set i = 0 %}
            {% for item in options.items %}
                <div class="embla__slide"{{ (options.slideStyle) ? (' style="'~options.slideStyle~'"')|raw }}{{ (options.iterateDelay) ? (' data-aos="fade-left" data-aos-delay="' ~ (options.iterateDelay * i) ~ '"')|raw }}>
                    {% if options.include %}
                        {% include options.include with {options: item} %}
                    {% else %}
                        {{ item|raw }}
                    {% endif %}
                </div>
                {% set i = i + 1 %}
            {% endfor %}
        </div>
    </div>
</div>