import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function StatPill({ value, label, icon, valueClassName, className, ...rest }) {
    return (_jsxs("span", { className: `inline-flex items-center gap-[5px] rounded-[6px] border border-[var(--bdr)] bg-[var(--card)] px-2.5 py-1 text-[length:var(--fs-sub)] text-[var(--sub)] ${className ?? ''}`, ...rest, children: [icon, _jsx("b", { className: `font-semibold text-[var(--txt)] ${valueClassName ?? ''}`, children: value }), label] }));
}
//# sourceMappingURL=StatPill.js.map