(defcomp
  ()
  (form
    (~tw :tokens "space-y-4")
    :sx-post "/sx/(geography.(hypermedia.(example.(api.validate-submit))))"
    :sx-target "#validation-result"
    :sx-swap "innerHTML"
    (div
      (label (~tw :tokens "block text-sm font-medium text-stone-700 mb-1") "Email")
      (input
        :type "text"
        :name "email"
        :placeholder "user@example.com"
        :sx-get "/sx/(geography.(hypermedia.(example.(api.validate))))"
        :sx-trigger "blur"
        :sx-target "#email-feedback"
        :sx-swap "innerHTML"
        (~tw :tokens "w-full px-3 py-2 border border-stone-300 rounded text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"))
      (div :id "email-feedback" (~tw :tokens "mt-1")))
    (button
      :type "submit"
      (~tw :tokens "px-4 py-2 bg-violet-600 text-white rounded hover:bg-violet-700 transition-colors text-sm")
      "Submit")
    (div :id "validation-result")))
