popup.cljs

[:div {:style {:backgroundColor "rgba(210, 210, 210, 0.4)"
               :position "absolute" :top 0 :bottom 0 :right 0 :left 0 :zIndex 9999
               :display "flex" :justifyContent "center" :alignItems "center"}}
 [:div {:style {:backgroundColor "#fff" :padding "2em"}}
  [:span {:data-test-id "spinner"
          :style {:margin "1em" :whiteSpace "nowrap" :display "inline-block"}}
    [:span {:className "fa-spinner fa fa-pulse fa-fw"
            :style {:marginRight "0.5rem"}}]
    [:span {:data-test-id "spinner-text"} "Please wait..."]]]]

popup.js

["div", {"style": {"backgroundColor": "rgba(210, 210, 210, 0.4)",
                   "position": "absolute", "top": 0, "bottom": 0, "right": 0, "left": 0, "zIndex": 9999,
                   "display": "flex", "justifyContent": "center", "alignItems": "center"}},
 ["div", {"style": {"backgroundColor": "#fff", "padding": "2em"}},
  ["span", {"data-test-id": "spinner",
            "style": {"margin": "1em", "whiteSpace": "nowrap", "display": "inline-block"}}
   ["span", {"className": "fa-spinner fa fa-pulse fa-fw",
             "style": {"marginRight": "0.5rem"}}],
   ["span" {"data-test-id": "spinner-text"} "Please wait..."]]]]