<commit_before>(ns re-demo.line
  (:require [re-com.core   :refer [h-box v-box box gap line]]
            [re-com.box    :refer [line-args-desc]]
            [re-demo.utils :refer [panel-title component-title args-table github-hyperlink status-text paragraphs]]))


(defn panel
  []
  [v-box
   :size     "auto"
   :gap      "10px"
   :children [[panel-title [:span "[line ... ]"
                            [github-hyperlink "Component Source" "src/re_com/box.cljs"]
                            [github-hyperlink "Page Source"      "src/re_demo/line.cljs"]]]

              [h-box
               :gap      "100px"
              :children [[v-box
                           :gap      "10px"
                           :width    "450px"
                           :children [[component-title "Notes"]
                                      [status-text "Stable"]
                                      [paragraphs
                                       [paragraphs
                                        [:p "Draws a line. Typically placed between the children of a v-box or h-box."]
                                        [:p "The line is added in the expected direction (i.e. vertically for h-box or horizontally for v-box)."]]]
                                      [args-table line-args-desc]]]
                          [v-box
                           :gap      "10px"
                           :children [[component-title "Demo"]
                                      [paragraphs
                                       [:span "Here is some sample code..."]]
                                      [:pre
                                       {:style {:width "40em"}}
"[h-box
 :gap      \"10px\"<commit_msg>Improve docs for [line]<commit_after>(ns re-demo.line
  (:require [re-com.core   :refer [h-box v-box box gap line]]
            [re-com.box    :refer [line-args-desc]]
            [re-demo.utils :refer [panel-title component-title args-table github-hyperlink status-text paragraphs]]))


(defn panel
  []
  [v-box
   :size     "auto"
   :gap      "10px"
   :children [[panel-title [:span "[line ... ]"
                            [github-hyperlink "Component Source" "src/re_com/box.cljs"]
                            [github-hyperlink "Page Source"      "src/re_demo/line.cljs"]]]

              [h-box
               :gap      "100px"
              :children [[v-box
                           :gap      "10px"
                           :width    "450px"
                           :children [[component-title "Notes"]
                                      [status-text "Stable"]
                                      [paragraphs
                                       [paragraphs
                                        [:p "Draws a line. Typically placed between the children of a v-box or h-box."]
                                        [:p "The line is added in the expected direction (i.e. vertically for h-box or horizontally for v-box)."]]]
                                      [args-table line-args-desc]]]
                          [v-box
                           :gap      "10px"
                           :children [[component-title "Demo"]
                                      [paragraphs
                                       [:p "Look at the title up the top, and notice the line under it."]
                                       [:p "Here is some sample code..."]]
                                      [:pre
                                       {:style {:width "40em"}}
"[h-box
 :gap      \"10px\"
{'fraction_non_alphanumeric': 0.10709239898276349, 'fraction_numerical': 0.009042102288782142, 'mean_word_length': 0.9114470842332614, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 27, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4375806', 'n_tokens_mistral': 929, 'n_tokens_neox': 859, 'n_words': 234}