import { $html } from "sigpro";
import { val, joinClass } from "../core/utils.js";

/** STAT */
export const Stat = (props) =>
  $html("div", { ...props, class: joinClass("stat", props.class) }, [
    props.icon && $html("div", { class: "stat-figure text-secondary" }, props.icon),
    props.label && $html("div", { class: "stat-title" }, props.label),
    $html("div", { class: "stat-value" }, () => val(props.value) ?? props.value),
    props.desc && $html("div", { class: "stat-desc" }, props.desc),
  ]);