{% set id = id|default('modalExample') %}
{% set classModal = classModal|default('') %}
{% set classDialog = classDialog|default('modal-dialog-centered modal-dialog-scrollable') %}
{% set modalContent = modalContent|default('') %}
<div class="modal fade {{ classModal }}" id="{{ id }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog {{ classDialog }}">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="modal__close btn-no-styling" data-bs-dismiss="modal" aria-label="{{ 'global.Close'|trans }}">
<span class="icon icon-x" aria-hidden="true"></span> {{ document.property('swiss') ? ("global.Close"|trans)|replace({'ß': 'ss'}) : "global.Close"|trans }}
</button>
</div>
<div class="modal-body">
{% if title|default(null) or subtitle|default(null) %}
<div class="title-block center-headline">
{% if subtitle|default(null) %}
<div class="title-block__sub-title h4 text-gradient-primary">{{ subtitle }}</div>
{% endif %}
{% if title|default(null) %}
<div class="h2 title-block__title strong" tabindex="-1">
{{ title }}
</div>
{% endif %}
</div>
{% endif %}
{{ modalContent|raw }}
</div>
</div>
</div>
</div>