{% load ui_classes ui_props %}

<c-vars type="button"
        disabled="False"
        icon="close"
        icon_variant="mini"
        label="Remove"
        size="sm"
        class="" />
{% ui_class "ui.badge" "close" size=size class=class as close_class %}
{% ui_class "ui.badge" "closeIcon" as close_icon_class %}
<button type="{{ type }}"
        data-ui-badge-close
        aria-label="{{ label }}"
        {% if disabled|ui_bool %}disabled aria-disabled="true" data-disabled="true"{% endif %}
        class="{{ close_class }}"
        {{ attrs }}>
    <c-component is="icons.{{ icon }}"
                 class="{{ close_icon_class }}"
                 data-ui-badge-close-icon
                 data-icon="{{ icon }}"
                 data-icon-variant="{{ icon_variant }}"
                 aria-hidden="true" />
</button>