{% load ui_classes ui_props %}

<c-vars name=""
        orientation="vertical"
        variant="default"
        indicator="True"
        placement="leading"
        disabled="False"
        required="False"
        invalid="False"
        class="" />
{% ui_class "ui.checkbox" "group" orientation=orientation variant=variant class=class as group_class %}
<div x-data="UiCheckboxGroup"
     data-ui-checkbox-group
     data-ui-control-target
     data-orientation="{{ orientation }}"
     data-variant="{{ variant }}"
     data-placement="{{ placement }}"
     {% if not indicator|ui_bool %}data-indicator="false"{% endif %}
     {% if name %}data-name="{{ name }}"{% endif %}
     {% if disabled|ui_bool %}data-disabled{% endif %}
     {% if required|ui_bool %}data-required{% endif %}
     {% if invalid|ui_bool %}data-invalid{% endif %}
     role="group"
     class="{{ group_class }}"
     {{ attrs }}>
    {{ slot }}
</div>