(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (div
      :sx-sse "/sx/(geography.(hypermedia.(reference.(api.sse-time))))"
      :sx-sse-swap "time"
      :sx-swap "innerHTML"
      :sx-on:sx:sseMessage "var c = parseInt(document.getElementById('ref-evt-ssemsg-count').dataset.count || '0') + 1; document.getElementById('ref-evt-ssemsg-count').dataset.count = c; document.getElementById('ref-evt-ssemsg-count').textContent = c + ' messages received'"
      (div
        :id "ref-evt-ssemsg-output"
        (~tw :tokens "p-3 rounded bg-stone-100 text-stone-600 text-sm font-mono")
        "Waiting for SSE messages..."))
    (div
      :id "ref-evt-ssemsg-count"
      (~tw :tokens "text-sm text-emerald-700")
      :data-count "0"
      "0 messages received")))
