{% load ui_classes %}

<c-vars label="Close" class="" />
{% ui_class "ui.modal" "close" class=class as close_class %}
{% ui_class "ui.modal" "closeIcon" as close_icon_class %}
{% if slot %}
    <span data-ui-modal-close class="{{ class }}" {{ attrs }}>
        {{ slot }}
    </span>
{% else %}
    <button type="button"
            data-ui-modal-close
            class="{{ close_class }}"
            aria-label="{{ label }}"
            {{ attrs }}>
        <c-component is="icons.close"
                     class="{{ close_icon_class }}"
                     data-ui-modal-close-icon
                     aria-hidden="true" />
    </button>
{% endif %}