(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (button
      :sx-get "/sx/(geography.(hypermedia.(reference.(api.trigger-event))))"
      :sx-target "#ref-hdr-trigger-result"
      :sx-swap "innerHTML"
      (~tw :tokens "px-4 py-2 bg-violet-600 text-white rounded hover:bg-violet-700 transition-colors text-sm")
      "Load with trigger")
    (div
      :id "ref-hdr-trigger-result"
      (~tw :tokens "p-3 rounded bg-stone-100 text-stone-400 text-sm")
      :sx-on:showNotice "this.style.borderColor = '#8b5cf6'; this.style.borderWidth = '2px'"
      "Click — the server response includes SX-Trigger: showNotice, which highlights this box.")))
