                 ))]
 
       (view {:style {:flex 1}}
-
-
             (scroll-view {:style page-style
                           :key   1}
                          (text {:style header-style}

(ns unspun.screens.introduction
  (:require [cljs-exponent.components :refer [element text view image touchable-highlight status-bar scroll-view] :as rn]
            [themes.palettes :refer [get-palette]]
            [shared.ui :refer [n-icon]]
            [unspun.db :refer [app-state palette-index to-pc number-needed stories story-index]]
            [rum.core :as rum]))

(def shadow-size 1)

                         (text {:style text-style}
                               "It looks quite different when you put it like that!\n\nRefresh the list of scenarios to see our latest.\n\n See Settings to hook up your own data source.")
                         #_(text {:style text-style}
                                 "Turn on notifications if you want to know when we add more examples.")
                         )
            (view {:style {:flex            0.2
                           :justifyContent  "center"
                           :backgroundColor (:dark-primary palette)
                           }}
                  (touchable-highlight {:style   {:flex           0
                                                  :marginLeft     20
                                                  :marginRight    20
                                                  :height         (* tffsz 3)
                                                  :borderColor    (:accent palette)
                                                  :borderWidth    (* tffsz 0.2)
                                                  :borderRadius   (* tffsz 1.5)
                                                  :shadowColor    "#000"
                                                  :shadowOffset   {:width shadow-size :height shadow-size}
                                                  :shadowRadius   shadow-size
                                                  :shadowOpacity  0.5
                                                  :alignItems     "center"
                                                  :justifyContent "center"
                                                  }
                                        :onPress #(jumpToDrawer "scenarios" "stories")}

                                       (text {:style {:color      (:text-icons palette)
                                                      :textAlign  "center"
                                                      :fontSize   tffsz
                                                      :fontWeight "bold"}}
                                             "Start"))

                  )))))


