     [:> mui/Grid
      {:container true
       :direction "row"
-      :spacing 8}
+      :spacing 4}
 
      ;; For properties that require React Node as parameter,
      ;; either use r/as-element to convert Reagent hiccup forms into React elements,

    #js {:palette #js {:primary #js {:main (gobj/get (.-red mui-colors) 100)}}}))

(defn custom-styles [theme]
  #js {:button #js {:margin (.. theme -spacing -unit)}
       :textField #js {:width 200
                       :marginLeft (.. theme -spacing -unit)
                       :marginRight (.. theme -spacing -unit)}})

(def with-custom-styles (withStyles custom-styles))


  [:> mui/Grid
   {:container true
    :direction "column"
    :spacing 2}

   [:> mui/Grid {:item true}
    [:> mui/Toolbar
