@cuvp1225/tango-mail
Version:
react mail components for tango
21 lines (20 loc) • 1.23 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Stat = void 0;
const tslib_1 = require("tslib");
const tango_boot_1 = require("@music163/tango-boot");
const react_1 = tslib_1.__importDefault(require("react"));
const classnames_1 = tslib_1.__importDefault(require("classnames"));
function StatView(_a) {
var { label, number, helpText, className, style, children } = _a, props = tslib_1.__rest(_a, ["label", "number", "helpText", "className", "style", "children"]);
return (react_1.default.createElement("div", Object.assign({}, props, { style: statStyle(style), className: (0, classnames_1.default)('p-4', className) }),
react_1.default.createElement("p", { className: "mb-2 text-sm font-medium text-gray-500 truncate" }, label),
react_1.default.createElement("p", { className: "m-0 text-3xl font-semibold text-gray-700 truncate truncate" }, number),
helpText && react_1.default.createElement("p", { className: "mt-1 text-sm font-medium text-gray-400 truncate" }, helpText)));
}
const statStyle = (style) => {
return Object.assign({ display: 'inline-block' }, style);
};
exports.Stat = (0, tango_boot_1.defineComponent)(StatView, {
name: 'Stat',
});