{%- import "icons.html" as icons -%}

<div id="notifications" hx-swap-oob="afterbegin">
  <nut-ttl
    class="alert break-words drop-shadow-lg {{semantic_type.as_alert()}}"
    ttl="{{ttl}}"
  >
    <div>
      {%- match semantic_type -%}
        {%- when SemanticType::Error -%}
          {%- call icons::get_svg("x-octagon", 16) -%}
        {%- when SemanticType::Info -%}
          {%- call icons::get_svg("info", 16) -%}
        {%- when SemanticType::Warning -%}
          {%- call icons::get_svg("alert-tri