(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (div
      (~tw :tokens "flex gap-2")
      (button
        :sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
        :sx-target "#ref-target-a"
        :sx-swap "innerHTML"
        (~tw :tokens "px-3 py-1 bg-violet-600 text-white rounded text-sm hover:bg-violet-700")
        "Update Box A")
      (button
        :sx-get "/sx/(geography.(hypermedia.(reference.(api.time))))"
        :sx-target "#ref-target-b"
        :sx-swap "innerHTML"
        (~tw :tokens "px-3 py-1 bg-emerald-600 text-white rounded text-sm hover:bg-emerald-700")
        "Update Box B"))
    (div
      (~tw :tokens "grid grid-cols-2 gap-3")
      (div
        :id "ref-target-a"
        (~tw :tokens "p-3 rounded border border-violet-200 bg-violet-50 text-sm text-stone-500")
        "Box A")
      (div
        :id "ref-target-b"
        (~tw :tokens "p-3 rounded border border-emerald-200 bg-emerald-50 text-sm text-stone-500")
        "Box B"))))
