(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (button
      :sx-get "/sx/(geography.(hypermedia.(reference.(api.oob))))"
      :sx-target "#ref-oob-main"
      :sx-swap "innerHTML"
      (~tw :tokens "px-4 py-2 bg-violet-600 text-white rounded text-sm hover:bg-violet-700")
      "Update both boxes")
    (div
      (~tw :tokens "grid grid-cols-2 gap-3")
      (div
        (~tw :tokens "rounded border border-stone-200 p-3")
        (div (~tw :tokens "text-xs text-stone-400 mb-1") "Main target")
        (div :id "ref-oob-main" (~tw :tokens "text-sm text-stone-500") "Waiting..."))
      (div
        (~tw :tokens "rounded border border-stone-200 p-3")
        (div (~tw :tokens "text-xs text-stone-400 mb-1") "OOB target")
        (div :id "ref-oob-side" (~tw :tokens "text-sm text-stone-500") "Waiting...")))))
