@chatui/core
Version:
The React library for Chatbot UI
36 lines (35 loc) • 1.71 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MultiRedPacket = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _RedPacket = require("../RedPacket");
var imageMap = {
redPacket: 'https://gw.alicdn.com/imgextra/i2/O1CN01IAmvNz27AIyYyGXL7_!!6000000007756-55-tps-72-72.svg',
cash: 'https://gw.alicdn.com/imgextra/i4/O1CN01Zgq0Nb281tJdBdhm2_!!6000000007873-55-tps-72-72.svg'
};
var MultiRedPacket = exports.MultiRedPacket = function MultiRedPacket(props) {
var className = props.className,
name = props.name,
count = props.count,
total = props.total,
_props$variant = props.variant,
variant = _props$variant === void 0 ? 'redPacket' : _props$variant,
btnText = props.btnText,
onClick = props.onClick;
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _clsx.default)('MultiRedPacket', className),
"data-variant": variant
}, /*#__PURE__*/_react.default.createElement("div", {
className: "MultiRedPacket-stack"
}), /*#__PURE__*/_react.default.createElement(_RedPacket.RedPacket, {
image: imageMap[variant],
name: name,
btnText: btnText,
desc: /*#__PURE__*/_react.default.createElement("div", null, count && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("strong", null, count), " \u4E2A"), total && /*#__PURE__*/_react.default.createElement("span", null, "\u5171 ", /*#__PURE__*/_react.default.createElement("strong", null, total), " \u5143")),
onClick: onClick
}));
};