<section>
    <div class="ui center aligned container">
        {% if element.title is defined and element.title.title is not empty %}
            <{{ element.title.htmlTag|default('h2') }}>{{ element.title.title }}</{{ element.title.htmlTag|default('h2') }}>
        {% endif %}

        {% if element.title is defined and element.title.subtitle is not empty %}
            <{{ element.title.subtitleHtmlTag|default('h3') }}>{{ element.title.subtitle }}</{{ element.title.subtitleHtmlTag|default('h3') }}>
        {% endif %}

        {{ element.text.content|raw }}

        {% if element.link is defined and element.link.link is not empty %}
            <a href="{{ element.link.link }}">{{ element.link.label|default('app.ui_element.btn_default'|trans) }} ›</a>
        {% endif %}
    </div>
</section>

<div class="ui divider"></div>
<div class="ui label"><i class="arrows alternate horizontal icon"></i> {{ element.width }}%</div>
