{% macro toast(id, hidden=True, level="info", message="") %}
<div id="{{ id }}" class="toast toast--{{ level }}{% if hidden %} hidden{% endif %}" role="alert">
  <span class="toast__icon" aria-hidden="true"></span>
  <p class="toast__message">{{ message }}</p>
  <button type="button" class="toast__close" data-toast-close>
    <span aria-hidden="true">×</span>
    <span class="sr-only">Dismiss</span>
  </button>
</div>
{% endmacro %}