(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (input
      :type "text"
      :name "q"
      :sx-get "/sx/(geography.(hypermedia.(example.(api.search))))"
      :sx-trigger "keyup delay:300ms changed"
      :sx-target "#search-results"
      :sx-swap "innerHTML"
      :placeholder "Search programming languages..."
      (~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 "search-results"
      (~tw :tokens "border border-stone-200 rounded divide-y divide-stone-100")
      (p (~tw :tokens "p-3 text-sm text-stone-400") "Type to search..."))))
