{%- if editmode -%}

    {%- for i in pimcore_block('textBlock').iterator() -%}

        <div class="ms-40">

            <div class="h6">Color</div>
            {{ pimcore_select("color", {
                "store": select_editables_store.theme_colors,
                "defaultValue": "body"
            }) }}

            <div class="text-{{ pimcore_select("color").data }} {{ size }}">
                {{ pimcore_wysiwyg('text', {
                    'placeholder': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
                }) }}
            </div>

        </div>

    {%- endfor -%}

{%- else -%}

    <div class="d-flex justify-content-{{ alignment }}">

        <div class="text-{{ alignment }} {{ size }}"  {% if max_width %}style="max-width:{{ max_width }}rem"{% endif %}>

            {%- for i in pimcore_block('textBlock').iterator() -%}

                <div class="text-{{ pimcore_select("color").data }}">{{ pimcore_wysiwyg('text').data | raw }}</div>

            {%- endfor -%}

        </div>

    </div>
{%- endif -%}