@trellixio/roaster-coffee
Version:
Beans' product component library
22 lines (19 loc) • 1.67 kB
JavaScript
import * as React from 'react';
import { classNames } from '../../utils/classNames/index.js';
import '@floating-ui/react';
import { Tooltip } from '../Tooltip/Tooltip.js';
import { Icon } from '../Icon/Icon.js';
const StatCard = React.forwardRef((props, ref) => {
const { title, value, description, progressValue, progressLabel, className, style } = props;
return /* @__PURE__ */ React.createElement("article", { ref, className: classNames("card-stat", className), style }, /* @__PURE__ */ React.createElement("div", { className: "title-wrapper" }, /* @__PURE__ */ React.createElement("p", { className: "stat-title" }, /* @__PURE__ */ React.createElement("span", null, title), description && /* @__PURE__ */ React.createElement(Tooltip, { inline: true, label: description }, /* @__PURE__ */ React.createElement(Icon, { className: "has-tooltip" }, /* @__PURE__ */ React.createElement("i", { className: "fa-regular fa-circle-info" }))))), /* @__PURE__ */ React.createElement("div", { className: "content" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "stat-value" }, value), /* @__PURE__ */ React.createElement("small", null, progressLabel)), progressValue >= 0 && /* @__PURE__ */ React.createElement("div", { className: "progress-container" }, /* @__PURE__ */ React.createElement("figure", { className: "progress circular" }, /* @__PURE__ */ React.createElement(
"span",
{
className: "progress-level",
"data-percent": value,
style: { "--percent": progressValue }
}
)))));
});
StatCard.displayName = "StatCard";
export { StatCard };
//# sourceMappingURL=StatCard.js.map