;; This Source Code Form is subject to the terms of the Mozilla Public
;; License, v. 2.0. If a copy of the MPL was not distributed with this
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
;;
;; Copyright (c) KALEIDOS INC Sucursal en España SL

(ns app.main.ui.inspect.styles.panels.tokens-panel
  (:require-macros [app.main.style :as stl])
  (:require
   [app.main.ui.inspect.styles.rows.properties-row :refer [properties-row*]]
   [app.util.i18n :refer [tr]]
   [cuerdas.core :as str]
   [rumext.v2 :as mf]))

(mf/defc tokens-panel*
  [{:keys [theme-paths set-names]}]
  [:div {:class (stl/css :tokens-panel)}
   (when (seq theme-paths)
     (let [theme-list (str/join ", " theme-paths)]
       [:> properties-row* {:class (stl/css :token-theme)
                            :term (tr "inspect.tabs.styles.active-themes")
                            :detail theme-list}]))
   (when (seq set-names)
     (let [sets-list (str/join ", " set-names)]
       [:> properties-row* {:class (stl/css :token-sets)
                            :term (tr "inspect.tabs.styles.active-sets")
                            :detail sets-list}]))])