button.cljs

(def sizes {:small (px 8)
            :base  (px 16)
            :big   (px 24)
            :huge  (px 32)})

(def colors {:primary   "#1A8EFF"
             :dangerous "red"})

(defn style [{:keys [type size]}]
  [{:background (stylish/palette colors type :primary)
    :color      :white
    :padding    (stylish/palette sizes size :base)
    :border     :none
    :margin     (:small sizes)}
   [:&:hover {:background "red"}]])

(defn button []
  (let [this (r/current-component)
        props (r/props this)]
    [:button {:class (stylish/style (style props))} "Botão"]))