{% embed 'app/area-brick-layout.html.twig' %}
{% block content %}
{% set brickLayout = layout ?? pimcore_select("layout").getData() %}
{% if editmode or pimcore_input("title").data is not empty or pimcore_input("headline").data is not empty or pimcore_wysiwyg("wysiwyg").data is not empty or defaultTitle is defined %}
<section class="
{% if containerClasses is defined and containerClasses %}
{{ containerClasses }}
{% else %}
{{ 'py-10 lg:py-20' }}
{% endif %}
{{ defaultBackgroundColor ?? '' }}
">
{% if brickLayout == "text-image" %}
{% include 'areas/content-brick/layouts/text-image.html.twig' with {
product: product ?? null,
productCategory: productCategory ?? null
} %}
{% elseif brickLayout == "text-video" %}
{% include 'areas/content-brick/layouts/text-video.html.twig' with {
product: product ?? null,
productCategory: productCategory ?? null
} %}
{% elseif brickLayout == "text-gallery" %}
{% include 'areas/content-brick/layouts/text-gallery.html.twig' with {
product: product ?? null,
productCategory: productCategory ?? null
} %}
{% elseif brickLayout == "text-below-text" %}
{% include 'areas/content-brick/layouts/text-below-text.html.twig' %}
{% elseif brickLayout == "text-usps" %}
{% include 'areas/content-brick/layouts/text-usps.html.twig' %}
{% else %}{# DEFAULT #}
{% include 'areas/content-brick/layouts/text-image.html.twig' %}
{% endif %}
{% if showFloatingBanner is defined and showFloatingBanner %}
{% include 'areas/content-brick/partials/_floating_banner.html.twig' %}
{% endif %}
</section>
{% endif %}
{% include 'areas/content-brick/partials/editmode/styling.html.twig' %}
{% endblock %}
{% endembed %}