{{ component('semantic~segment-title',{ title: title }) }}
<div class="p-4 ui image rounded bordered">    
    <div id="image_content" theme-name="{{ theme_name }}">
        {{ component('editor::admin.editor.simple.logo.image',{ theme_name: theme_name }) }}   
    </div>
    <div>
        <div class="ui basic label fluid">
            <div class="detail">
                {{ labels.size }}
            </div>
            <span>{{ editor_params.width }}</span> x <span>{{ editor_params.height }}</span>
        </div>
    </div>  
</div>
{% if demo_mode != true %}
{% component 'semantic~tabs.vertical.content' %}
    {% set title = null %}
    <div class="mt-8">
        {{ component('image::admin.images.upload.form',editor_params) }}   
    </div>
{% endcomponent %}
{% else %}
<div class="ui warning message">
    {{ message }}
</div>
{% endif %}