                     >
                                <span
                                class="inline-block w-5 h-5 transition duration-200 ease-in-out transform bg-white rounded-full"
                                :class="{ 'translate-x-5': checked, 'translate-x-0': ! checked }"
                                ></span>
                            </button>
                        </the-switch>
                    </switch-group>

                </div>
            </div>

            <template x-ele