{% include 'quarks/_loadCssComponent' with {
    name: '_' ~ component.type
} only %}
{% import '_macros/_setTitles' as _set %} 
<section  {{ dataComponent }} id="{{ id }}" class="container Newsgrid bg-{{ index.index0 }} {{ separation }}">
    <div class="row py-3 d-none d-md-flex">
        <div class="col-md-4 d-flex justify-content-center align-items-center">
                <div>
                  
                    <h3>{{component.blockTitle}}</h3>
                    {% if component.itemLink is not empty %}
                    {% include 'components/_btnArrow' with { 
                        btn: component.itemLink,
                        classCustom: 'justify-content-start px-0',
                    } only %}
                    {% endif %}
                </div>
        </div> 
        {% if component.fieldSwitch is same as(true) %}
            {% set pressentries = craft.entries.section("pressReleasesEntries").orderBy('postDate desc').offset(1).limit(3).all() %}
        {% else %}
            {% set pressentries = component.pressEntries.all() %}
        {% endif %}
        <div class="col-md-8">
            {% include "quarks/_presscard" with {
                pressentry: component.fieldSwitch is same as(true) ? craft.entries.section("pressReleasesEntries").orderBy('postDate desc').one()  : component.pressEntry.one,
                active:true,
            } %}
        </div>
    </div>
    <div class="row py-3 d-none d-md-flex">
        {% for press in pressentries %}
            <div class="col-md-4">
                {% include "quarks/_presscard" with {
                    pressentry:press
                } %}
            </div>
        {% endfor %}
    </div>
    <div class="row d-flex d-md-none">
        <div class="col-md-12 text-center">
            <h3>{{component.blockTitle}}</h3>
        </div>
        <div class="col-md-12">
            <div class="swiper pressSlider pb-5 pt-3" data-slider-preview="3">
                <div class="swiper-wrapper pb-3">
                    {% for press in pressentries %}
                        <div class="swiper-slide">
                            {% include "quarks/_presscard" with {
                                pressentry:press,
                                active:true,
                            } %}
                        </div>
                    {% endfor %}
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="col-md-12 text-center">
            {% if component.itemLink is not empty %}
            {% include 'components/_btnArrow' with {
                btn: component.itemLink,
                classCustom: 'justify-content-center px-0',
            } only %}
            {% endif %}
        </div>
    </div>
</section>