;; Blog header components

(defcomp ~blog-header-label ()
  (div))

(defcomp ~blog-container-nav (&key container-nav)
  (div :class "flex flex-col sm:flex-row sm:items-center gap-2 border-r border-stone-200 mr-2 sm:max-w-2xl"
    :id "entries-calendars-nav-wrapper" container-nav))

(defcomp ~blog-admin-label ()
  (<> (i :class "fa fa-shield-halved" :aria-hidden "true") " admin"))

(defcomp ~blog-admin-nav-item (&key href nav-btn-class label is-selected select-colours)
  (div :class "relative nav-group"
    (a :href href
       :aria-selected (when is-selected "true")
       :class (str (or nav-btn-class "justify-center cursor-pointer flex flex-row items-center gap-2 rounded bg-stone-200 text-black p-3") " " (or select-colours ""))
       label)))

(defcomp ~blog-sub-settings-label (&key icon label)
  (<> (i :class icon :aria-hidden "true") " " label))

(defcomp ~blog-sub-admin-label (&key icon label)
  (<> (i :class icon :aria-hidden "true") (div label)))