     [:option {:value 0} "Old Spelling"]
     [:option {:value 1} "New Spelling"]]])
 
+(defn suggested-hyphenation-field []
+  (let [id "suggestedHyphenation"
+        label "Suggested Hyphenation"]
+    [:div.form-group
+     [:label {:for id} label]
+     [:input.form-control
+      {:id id
+       :type "text"
+       :placeholder label
+       :disabled "disabled"
+       :value @suggested-hyphenation}]]))
+
 (defn new-hyphenation []
   [:div.form
    [spelling-filter]
    [word-field]
+   [suggested-hyphenation-field]
    [hyphenation-field]
    [hyphenation-add-button]])
 

  (ajax/GET "/api/hyphenate"
            :params {:word word :spelling spelling}
            :handler (fn [hyphenated] (do
                                        (swap! app-state assoc :official-hyphenation hyphenated)
                                        (swap! app-state assoc :hyphenation hyphenated)))
            :error-handler (fn [details]
                             (.warn js/console

                 (reset! hyphenation ""))
    :disabled (when (or (string/blank? @word)
                        (not (hyphenation-valid? @hyphenation))
                        (= @hyphenation @suggested-hyphenation))
                "disabled")}
   "Add"])

