{% macro field(name, label, value="", type="text", error="", field_name="", help="", autocomplete="") %}<div class="field{% if error %} field--invalid{% endif %}"><label for="{{ name }}">{{ label }}</label><input id="{{ name }}" name="{% if field_name %}{{ field_name }}{% else %}{{ name }}{% endif %}" type="{{ type }}"{% if type != "password" %} value="{{ value }}"{% endif %}{% if autocomplete %} autocomplete="{{ autocomplete }}"{% endif %}{% if error %} aria-invalid="true" aria-describedby="{{ name }}-error"{% elif help %} aria-describedby="{{ name }}-help"{% endif %}>{% if help %}<p id="{{ name }}-help" class="field__help">{{ help }}</p>{% endif %}{% if error %}<p id="{{ name }}-error" class="field__error">{{ error }}</p>{% endif %}</div>{% endmacro field %}
{% macro status(label, tone="neutral") %}<span class="badge badge--{{ tone }}">{{ label }}</span>{% endmacro status %}
{% macro empty(title, detail) %}<div class="empty"><span class="empty__index">00</span><h2>{{ title }}</h2><p>{{ detail }}</p></div>{% endmacro empty %}