(let [selected-tab (reagent/atom 0)]
  (fn []
    [:> (.-Tabs (.-ReactToolbox js/window)) {:index @selected-tab :on-change #(reset! selected-tab %)}
     [:> (.-Tab (.-ReactToolbox js/window)) {:label "Tab 1"} [:p "Tab 1 contents"]]
     [:> (.-Tab (.-ReactToolbox js/window)) {:label "Tab 2"} [:p "Tab 2 contents"]]]))

(defn tabs [& args]
  (into [:> (.-Tabs (.-ReactToolbox js/window))] args))

(let [selected-tab (reagent/atom 0)]
  (fn []
    [tabs {:index @selected-tab :on-change #(reset! selected-tab %)}
     [:> (.-Tab (.-ReactToolbox js/window)) {:label "Tab 1"} [:p "Tab 1 contents"]]
     [:> (.-Tab (.-ReactToolbox js/window)) {:label "Tab 2"} [:p "Tab 2 contents"]]]))

(defn tabs [& args]
  (into [:> (.-Tabs (.-ReactToolbox js/window))] args))

(defn tab [& args]
  (into [:> (.-Tab (.-ReactToolbox js/window))] args))

(let [selected-tab (reagent/atom 0)]
  (fn []
    [tabs {:index @selected-tab :on-change #(reset! selected-tab %)}
     [tab {:label "Tab 1"} [:p "Tab 1 contents"]]
     [:> (.-Tab (.-ReactToolbox js/window)) {:label "Tab 2"} [:p "Tab 2 contents"]]]))