penpot/frontend/uxbox/ui/library_bar.cljs

(ns uxbox.ui.library-bar
  (:require [sablono.core :as html :refer-macros [html]]
            [rum.core :as rum]
            [uxbox.util :as util]
            [uxbox.ui.icons :as i]))

(defn library-bar-render
  [own]
  (html
   [:div.library-bar
    [:div.library-bar-inside
      [:ul.library-tabs
        [:li "STANDARD"]
        [:li.current "YOUR LIBRARIES"]
      ]
      [:ul.library-elements
        [:li
          [:a.btn-primary {:href "#"} "+ New library"]
        ]
        [:li
          [:span.element-title "Library 1"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 2"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 3"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 4"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 5"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 6"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 7"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 8"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 9"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 10"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 11"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 12"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 13"]
          [:span.element-subtitle "21 elements"]
        ]
        [:li
          [:span.element-title "Library 14"]
          [:span.element-subtitle "21 elements"]
        ]
      ]
    ]
   ]))

(def ^:static library-bar
  (util/component
   {:render library-bar-render
    :name "library-bar"
    :mixins [rum/static]}))