<section class="block-section block-banner {{ element.style|default('dark') }}">
    <div class="img-wrapper">
        {{ dedi_sylius_image_optimizer_for_image(element.image.image, element.image.alt|default(element.title.title), {
            'class' : 'w-100',
            'title' : element.title.title|default('')
        }) }}
    </div>
    <div class="text-wrapper">
        {% if element.title is defined and (element.title is not empty or element.title.subtitle is not empty) %}
            <div class="row">
                {% include "@DediSyliusCmsPlugin/Shop/UiElement/Bases/title.html.twig" with {'element':element.title} %}
            </div>
        {% endif %}

        {{ element.text.content | raw }}

        {% if element.link is defined and element.link.link is not empty %}
            <div class="row">
                {% include "@DediSyliusCmsPlugin/Shop/UiElement/Bases/link.html.twig" with {'element':element.link} %}
            </div>
        {% endif %}
    </div>
</section>
