             >
                <slot></slot>
            </label>
        </template>

        <template x-element="the-switch" x-props="{ value: false }" x-inject="api" x-as="label">
            <slot
            x-init="if(api) api.switchEl = $el"
            @click.prevent="$dispatch('input', ! value)"
            @keyup.space.prevent="$dispatch('input', ! value)"
            @keypress.prevent
            role="switch"
            tabindex="0"
            :aria-checked="!! value"
            :aria-labell