{% if timeSensitiveBanner.enable == 'true' %}
    <div id="timeSensitiveBanner" class="timeSensitiveBanner">
        <div class="timeSensitiveBanner__textWrapper">
            {% if timeSensitiveBanner.bannerText.first_line_text != '' %}
                <div class="timeSensitiveBanner__firstLine">{{timeSensitiveBanner.bannerText.first_line_text}}</div>
            {% endif %}
            {% if timeSensitiveBanner.bannerText.second_line_text != '' %}
                <div class="timeSensitiveBanner__secondLine">{{timeSensitiveBanner.bannerText.second_line_text}}</div>
            {% endif %}
            {% if timeSensitiveBanner.bannerText.third_line_text != '' %}
                <div class="timeSensitiveBanner__thirdLine">{{timeSensitiveBanner.bannerText.third_line_text}}</div>
            {% endif %}
        </div>

        <script>
            const durationMinutes = {{timeSensitiveBanner.timerSettings.durationMinutes}};
            const resetTimeHours = {{timeSensitiveBanner.timerSettings.resetTimeHours}};
        </script>

        {% from "../_countdownTimerDeadline/_countdownTimerDeadline.html" import countdownTimerDeadline with context %}
        {{ countdownTimerDeadline(
            durationMinutes = timeSensitiveBanner.timerSettings.durationMinutes,
            resetTimeHours = timeSensitiveBanner.timerSettings.resetTimeHours
        )}} 

        {% if timeSensitiveBanner.show_icon == 'true' %}
            <svg class="icon icon--freeShip">
                <use xlink:href="svg/sprite.svg?rel={{ timestamp }}#FREE_SHIPPING" />
            </svg>
        {% endif %}

        {% if timeSensitiveBanner.disclaimer != '' %}
            <span class="disclaimer">{{timeSensitiveBanner.disclaimer}}</span>
        {% endif %}
    </div>
{% endif %}