@trellixio/roaster-coffee/cjs/components/StatCard/StatCard.js

Beans' product component library

'use strict';

var React = require('react');
var index = require('../../utils/classNames/index.js');
require('@floating-ui/react');
var Tooltip = require('../Tooltip/Tooltip.js');
var Icon = require('../Icon/Icon.js');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    for (var k in e) {
      n[k] = e[k];
    }
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

const StatCard = React__namespace.forwardRef((props, ref) => {
  const { title, value, description, progressValue, progressLabel, className, style } = props;
  return /* @__PURE__ */ React__namespace.createElement("article", { ref, className: index.classNames("card-stat", className), style }, /* @__PURE__ */ React__namespace.createElement("div", { className: "title-wrapper" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "stat-title" }, /* @__PURE__ */ React__namespace.createElement("span", null, title), description && /* @__PURE__ */ React__namespace.createElement(Tooltip.Tooltip, { inline: true, label: description }, /* @__PURE__ */ React__namespace.createElement(Icon.Icon, { className: "has-tooltip" }, /* @__PURE__ */ React__namespace.createElement("i", { className: "fa-regular fa-circle-info" }))))), /* @__PURE__ */ React__namespace.createElement("div", { className: "content" }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement("span", { className: "stat-value" }, value), /* @__PURE__ */ React__namespace.createElement("small", null, progressLabel)), progressValue >= 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: "progress-container" }, /* @__PURE__ */ React__namespace.createElement("figure", { className: "progress circular" }, /* @__PURE__ */ React__namespace.createElement(
    "span",
    {
      className: "progress-level",
      "data-percent": value,
      style: { "--percent": progressValue }
    }
  )))));
});
StatCard.displayName = "StatCard";

exports.StatCard = StatCard;
//# sourceMappingURL=StatCard.js.map