ment="switch-group">
                <slot :foo="'bar'" x-data="{ api: { labelEl: null, switchEl: null} }" x-provide="api"></slot>
            </template>

            <template x-element="switch-label" x-inject="api">
                <label
                x-data="{ id: Math.random().toString(36).substring(7) }"
                x-init="api.labelEl = $el"
                :id="'headlessui-switch-label-' + id"
                @pointerup="api.switchEl.click() && api.switchEl.focus({ preventScroll: true })"
   