{% macro text(status, info="") -%}
  <span class="status text {{ status }}">
    {% if status == "active" %}
      <img src="{{ static_url_for("static", filename="img/icons/status-active.svg") }}"> {{ status }} {{ info }}
    {% elif status == "pending" %}
      <img src="{{ static_url_for("static", filename="img/icons/status-pending.svg") }}"> {{ status }} {{ info }}
    {% elif status == "invited" %}
      <img src="{{ static_url_for("static", filename="img/icons/status-invited.svg") }}"> {{ status }} {{ info }}
    {% elif status == "suspended" %}
      <img src="{{ static_url_for("static", filename="img/icons/status-suspended.svg") }}"> {{ status }} {{ info }}
    {% elif status == "blocked" %}
      <img src="{{ static_url_for("static", filename="img/icons/status-blocked.svg") }}"> {{ status }} {{ info }}
    {% else %}
      {{ status }}
    {% endif %}
  </span>
{%- endmacro %}
{% macro label(status, info="") -%}
  <div class="ui medium label header-label status {{ status }}">
    {% if status == "active" %}
      <img class="icon" src="{{ static_url_for("static", filename="img/icons/status-active-w.svg") }}"> {{ status }} {{ info }}
    {% elif status == "pending" %}
      <img class="icon" src="{{ static_url_for("static", filename="img/icons/status-pending-w.svg") }}"> {{ status }} {{ info }}
    {% elif status == "invited" %}
      <img class="icon" src="{{ static_url_for("static", filename="img/icons/status-invited-w.svg") }}"> {{ status }} {{ info }}
    {% elif status == "suspended" %}
      <img class="icon" src="{{ static_url_for("static", filename="img/icons/status-suspended-w.svg") }}"> {{ status }} {{ info }}
    {% elif status == "blocked" %}
      <img class="icon" src="{{ static_url_for("static", filename="img/icons/status-blocked-w.svg") }}"> {{ status }} {{ info }}
    {% else %}
      {{ status }}
    {% endif %}
  </div>
{%- endmacro %}