<div x-data=“{visible: true}” markdown=“0”>

<div class="notification {{ include.status | default: 'is-warning' }}" x-show.transition.duration.300ms="visible">
    {% if include.dismissable %}
        <button class="delete" x-on:click="visible = false"></button>
    {% endif %}
    <article class="media">
        {% unless include.icon %}
            <div class="media-left">
                <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
            </div>
        {% endunless %}
        <div class="media-content">
            <div class="content">{{ include.message | markdownify }}</div>
        </div>
    </article>
</div>

</div>