(defcomp
  ()
  (div
    (~tw :tokens "space-y-3")
    (div
      (~tw :tokens "flex gap-2")
      (button
        :sx-get "/sx/(geography.(hypermedia.(example.(api.dashboard))))"
        :sx-target "#filter-target"
        :sx-swap "innerHTML"
        :sx-select "#dash-stats"
        (~tw :tokens "px-3 py-1.5 bg-violet-600 text-white rounded text-sm hover:bg-violet-700")
        "Stats Only")
      (button
        :sx-get "/sx/(geography.(hypermedia.(example.(api.dashboard))))"
        :sx-target "#filter-target"
        :sx-swap "innerHTML"
        :sx-select "#dash-header"
        (~tw :tokens "px-3 py-1.5 bg-violet-600 text-white rounded text-sm hover:bg-violet-700")
        "Header Only")
      (button
        :sx-get "/sx/(geography.(hypermedia.(example.(api.dashboard))))"
        :sx-target "#filter-target"
        :sx-swap "innerHTML"
        (~tw :tokens "px-3 py-1.5 bg-stone-600 text-white rounded text-sm hover:bg-stone-700")
        "Full Dashboard"))
    (div
      :id "filter-target"
      (~tw :tokens "border border-stone-200 rounded p-4 bg-stone-100")
      (p (~tw :tokens "text-sm text-stone-400") "Click a button to load content."))))
