{% sw_extends '@Storefront/storefront/block/cms-block-image-highlight-row.html.twig' %}

{% block block_image_highlight_row %}
    {% set columns = 3 %}
    {% set id = element.id %}
    {% block block_image_highlight_row_left %}
        {% set element = block.slots.getSlot('left') %}

        <div class="md:w-1/3 pr-4 pl-4" data-cms-element-id="{{ id }}">
            {% block block_image_highlight_row_left_inner %}
                {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
            {% endblock %}
        </div>
    {% endblock %}

    {% block block_image_highlight_row_center %}
        {% set element = block.slots.getSlot('center') %}

        <div class="md:w-1/3 pr-4 pl-4" data-cms-element-id="{{ id }}">
            {% block block_image_highlight_row_center_inner %}
                {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
            {% endblock %}
        </div>
    {% endblock %}

    {% block block_image_highlight_row_right %}
        {% set element = block.slots.getSlot('right') %}

        <div class="md:w-1/3 pr-4 pl-4" data-cms-element-id="{{ id }}">
            {% block block_image_highlight_row_right_inner %}
                {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}