                 cursor-char-off
                 cursor-fg
                 cursor-bg]} (get props :style)
-        cursor (if (and focused show-cursor) (str cursor-char-on) (if selected :ref/radio-checked :ref/radio-unchecked))]
+        cursor (if (and focused show-cursor) (str cursor-char-on) (if selected :ref/radio-checked :ref/radio-unchecked))
+        color (if selected :ref/secondary :ref/on-surface)]
      (g/use-effect (fn []
        (go-loop []
          (<! (timeout 400))

  (let [{:keys [title border children]} props]
    (log/info "Panel props" props)
    (log/info "Panel children" children)
    [:view {:style {:border (or border 1)}}
      (cons [:text {:key "panel-title"
                    :style {:position :absolute
                            :height 1 :width (+ 2 (count title))

         (recur))) [])

    [:view props
      (concat
        [[:text {:key "checkbox-left" :style {:content :ref/checkbox-left
                                           :color :ref/on-surface}} ""]
         [:text {:key "checkbox-check" :style {:content cursor
                                           :color color}} ""]
         [:text {:key "checkbox-right" :style {:content :ref/checkbox-right
                                           :color :ref/on-surface}} ""]]
        children)]))

(g/defcomponent Radio
