{% partialdef checkbox_option %}
    <c-ui.checkbox.control value="{{ option.value }}"
                           name="{{ option.name }}"
                           label="{{ option.label }}"
                           variant="{{ variant }}"
                           color="{{ color }}"
                           interaction="{{ interaction }}"
                           indicator="{{ indicator }}"
                           placement="{{ placement }}"
                           size="{{ size }}"
                           icon="{{ icon }}"
                           checked="{{ option.selected }}"
                           disabled="{{ option.disabled }}"
                           required="{{ option.required }}"
                           invalid="{{ invalid }}"
                           :attrs="option.attrs" />
{% endpartialdef %}

<c-ui.checkbox.group name="{{ name }}"
                     orientation="{{ orientation }}"
                     variant="{{ variant }}"
                     color="{{ color }}"
                     interaction="{{ interaction }}"
                     indicator="{{ indicator }}"
                     placement="{{ placement }}"
                     disabled="{{ disabled }}"
                     required="{{ required }}"
                     invalid="{{ invalid }}"
                     class="{{ class }}"
                     :attrs="attrs">
    {% for group in groups %}
        {% if group.label %}
            {% if variant == "menu" %}
                <c-ui.menu.group>
                    <c-ui.menu.label>{{ group.label }}</c-ui.menu.label>
                    {% for option in group.options %}{% partial checkbox_option %}{% endfor %}
                </c-ui.menu.group>
            {% else %}
                <c-ui.field.group>
                    <c-ui.heading size="2">{{ group.label }}</c-ui.heading>
                    {% for option in group.options %}{% partial checkbox_option %}{% endfor %}
                </c-ui.field.group>
            {% endif %}
        {% else %}
            {% for option in group.options %}
                {% partial checkbox_option %}
            {% endfor %}
        {% endif %}
    {% endfor %}
</c-ui.checkbox.group>