(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (form
      :id "reset-form"
      :sx-post "/sx/(geography.(hypermedia.(example.(api.reset-submit))))"
      :sx-target "#reset-result"
      :sx-swap "innerHTML"
      :sx-on:afterSwap "this.reset()"
      (~tw :tokens "flex gap-2")
      (input
        :type "text"
        :name "message"
        :placeholder "Type a message..."
        (~tw :tokens "flex-1 px-3 py-2 border border-stone-300 rounded text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"))
      (button
        :type "submit"
        (~tw :tokens "px-4 py-2 bg-violet-600 text-white rounded hover:bg-violet-700 transition-colors text-sm")
        "Send"))
    (div
      :id "reset-result"
      (~tw :tokens "space-y-2")
      (p (~tw :tokens "text-sm text-stone-400") "Messages will appear here."))))
