;; Blog header components

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

(defcomp ~blog-container-nav (&key container-nav-html)
  (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" (raw! container-nav-html)))

(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)
  (div :class "relative nav-group" (a :href href :class nav-btn-class 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)))