r:border-white peer-focus:outline-none"></div>
    <span class="ml-3 select-none text-gray-600">Switch</span>
  </label>
  <label class="relative inline-flex cursor-pointer items-center">
    <input type="checkbox" value="" class="peer sr-only" />
    <div class="h-6 w-11 rounded-full border border-slate-900 after:absolute after:top-[2px] after:left-[2px] after:h-5 after:w-5 after:rounded-full after:border after:border-gray-400 after:bg-white after:transition-all after:content-[''] peer-checked:bg-slate-900