{% load ui_classes ui_props %}

<c-vars control_id="" badge="" required="False" class="" />
{% ui_class "ui.field" "label" class=class as label_class %}
{% ui_class "ui.field" "badge" as badge_class %}
<label data-ui-field-label
       {% if control_id %}for="{{ control_id }}"{% endif %}
       {% if required|ui_bool %}data-required="true"{% endif %}
       class="{{ label_class }}"
       {{ attrs }}>
    <span>{{ slot }}</span>
    {% if badge %}
        <span data-ui-field-label-badge class="{{ badge_class }}">{{ badge }}</span>
    {% endif %}
</label>