;; Notification components

(defcomp ~federation-notification-preview (&key preview)
  (div :class "text-sm text-stone-500 mt-1 truncate" (raw! preview)))

(defcomp ~federation-notification-card (&key cls avatar-html from-name from-username from-domain action-text preview-html time-html)
  (div :class cls
    (div :class "flex items-start gap-3"
      (raw! avatar-html)
      (div :class "flex-1"
        (div :class "text-sm"
          (span :class "font-semibold" (raw! from-name))
          " " (span :class "text-stone-500" "@" (raw! from-username) (raw! from-domain))
          " " (span :class "text-stone-600" (raw! action-text)))
        (raw! preview-html)
        (div :class "text-xs text-stone-400 mt-1" (raw! time-html))))))

(defcomp ~federation-notifications-empty ()
  (p :class "text-stone-500" "No notifications yet."))

(defcomp ~federation-notifications-list (&key items-html)
  (div :class "space-y-2" (raw! items-html)))

(defcomp ~federation-notifications-page (&key notifs-html)
  (h1 :class "text-2xl font-bold mb-6" "Notifications") (raw! notifs-html))