(defcomp
  ()
  (div
    (~tw :tokens "space-y-4")
    (p
      (~tw :tokens "text-sm text-stone-500")
      "The content below loads automatically when the page renders.")
    (div
      :id "lazy-target"
      :sx-get "/sx/(geography.(hypermedia.(example.(api.lazy))))"
      :sx-trigger "load"
      :sx-swap "innerHTML"
      (~tw :tokens "p-6 rounded border border-stone-200 bg-stone-100 text-center")
      (div
        (~tw :tokens "animate-pulse space-y-2")
        (div (~tw :tokens "h-4 bg-stone-200 rounded w-3/4 mx-auto"))
        (div (~tw :tokens "h-4 bg-stone-200 rounded w-1/2 mx-auto"))))))
