{% macro onsPhaseBanner(params) %}
    <div class="ons-phase-banner">
        <div class="ons-container{{ ' ons-container--full-width' if params.fullWidth }}{{ ' ons-container--wide' if params.wide }}">
            <div class="ons-grid ons-grid-flex ons-grid--gutterless ons-grid-flex--vertical-center ons-grid-flex--no-wrap">
                {% if not params.hideBadge %}
                    <div class="ons-grid__col ons-col-auto ons-u-flex-no-grow ons-u-flex-no-shrink">
                        <strong class="ons-phase-banner__badge">{{ params.badge | default("Beta") }}</strong>
                    </div>
                {% endif %}
                <div class="ons-grid__col ons-col-auto ons-u-flex-shrink">
                    <p class="ons-phase-banner__desc ons-u-fs-s ons-u-mb-no">
                        {% if params.html %}
                            {{ params.html | safe }}
                        {% else %}
                            {{ params.text }}
                            {% if params.feedbackLink %}
                                {{ params.feedbackLink | safe }}
                            {% endif %}
                        {% endif %}
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}