{% load ui_classes ui_props %}

<c-vars size="md" class="" />
{% ui_class "ui.checkbox" "indicator" size=size class=class as indicator_class %}
{% ui_class "ui.checkbox" "indicatorIcon" as indicator_icon_class %}
<span data-ui-checkbox-indicator
      class="{{ indicator_class }}"
      aria-hidden="true"
      {{ attrs }}>
    <c-component is="icons.checkmark"
                 data-ui-checkbox-indicator-icon="checked"
                 class="{{ indicator_icon_class }}"
                 aria-hidden="true" />
    <c-component is="icons.subtract"
                 data-ui-checkbox-indicator-icon="indeterminate"
                 class="{{ indicator_icon_class }}"
                 aria-hidden="true" />
</span>