(defcomp
  ()
  (div
    (~tw :tokens "space-y-4")
    (button
      :sx-get "/sx/(geography.(hypermedia.(example.(api.slow))))"
      :sx-target "#loading-result"
      :sx-swap "innerHTML"
      (~tw :tokens "sx-loading-btn px-4 py-2 bg-violet-600 text-white rounded hover:bg-violet-700 transition-colors text-sm flex items-center gap-2")
      (span
        (~tw :tokens "sx-spinner w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"))
      (span "Load slow endpoint"))
    (div
      :id "loading-result"
      (~tw :tokens "p-4 rounded border border-stone-200 bg-stone-100 text-center")
      (p
        (~tw :tokens "text-stone-400 text-sm")
        "Click the button — it takes 2 seconds."))))
