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

{% block block_image_text_bubble %}
    {% set columns = 3 %}
    {% set id = element.id %}

    {% block block_image_text_bubble_left %}
        <div class="md:w-1/3 pr-4 pl-4">
            {% block block_image_text_bubble_left_image %}
                {% set element = block.slots.getSlot('left-image') %}

                <div data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}

            {% block block_image_text_bubble_left_text %}
                {% set element = block.slots.getSlot('left-text') %}

                <div data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}

    {% block block_image_text_bubble_center %}
        <div class="md:w-1/3 pr-4 pl-4">
            {% block block_image_text_bubble_center_image %}
                {% set element = block.slots.getSlot('center-image') %}

                <div data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}

            {% block block_image_text_bubble_center_text %}
                {% set element = block.slots.getSlot('center-text') %}

                <div data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}

    {% block block_image_text_bubble_right %}
        <div class="md:w-1/3 pr-4 pl-4">
            {% block block_image_text_bubble_right_image %}
                {% set element = block.slots.getSlot('right-image') %}

                <div data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}

            {% block block_image_text_bubble_right_text %}
                {% set element = block.slots.getSlot('right-text') %}

                <div data-cms-element-id="{{ id }}">
                    {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}