(defcomp
  ()
  (div
    (~tw :tokens "space-y-2")
    (div
      :id "ref-del-1"
      (~tw :tokens "flex items-center justify-between p-2 border border-stone-200 rounded")
      (span (~tw :tokens "text-sm text-stone-700") "Item A")
      (button
        :sx-delete "/sx/(geography.(hypermedia.(reference.(api.(item.1)))))"
        :sx-target "#ref-del-1"
        :sx-swap "delete"
        (~tw :tokens "text-red-500 text-sm hover:text-red-700")
        "Remove"))
    (div
      :id "ref-del-2"
      (~tw :tokens "flex items-center justify-between p-2 border border-stone-200 rounded")
      (span (~tw :tokens "text-sm text-stone-700") "Item B")
      (button
        :sx-delete "/sx/(geography.(hypermedia.(reference.(api.(item.2)))))"
        :sx-target "#ref-del-2"
        :sx-swap "delete"
        (~tw :tokens "text-red-500 text-sm hover:text-red-700")
        "Remove"))
    (div
      :id "ref-del-3"
      (~tw :tokens "flex items-center justify-between p-2 border border-stone-200 rounded")
      (span (~tw :tokens "text-sm text-stone-700") "Item C")
      (button
        :sx-delete "/sx/(geography.(hypermedia.(reference.(api.(item.3)))))"
        :sx-target "#ref-del-3"
        :sx-swap "delete"
        (~tw :tokens "text-red-500 text-sm hover:text-red-700")
        "Remove"))))