{% load ui_classes %}

<c-vars id="" message="" errors="" class="" />
{% ui_class "ui.field" "error" class=class as error_class %}
{% ui_class "ui.field" "errorList" as error_list_class %}
<div data-ui-field-error
     {% if id %}id="{{ id }}"{% endif %}
     class="{{ error_class }}"
     {{ attrs }}>
    {% if errors %}
        <div class="{{ error_list_class }}" data-ui-field-error-list>{{ errors }}</div>
    {% elif message %}
        <div data-ui-field-error-item>{{ message }}</div>
    {% else %}
        {{ slot }}
    {% endif %}
</div>