(:require ["
@material-ui/core/Button" :default Button])
[:div
{:style {:margin-right :20px}}
(map
(fn [route]
(let [route-key (:key route)
selected-route? (= route-key route-name)]
[:> Button
{:key route-key
:size :small
:style {:height :100%
:width (str (/ 100 (count routes)) "%")
:min-width :120px
:color (if selected-route?
:white
:#AFB3BF)
:text-decoration (when selected-route? :underline)}
:on-click #(rfe/push-state route-key)}
(:label route)]))
routes)]