@chatui/core
Version:
The React library for Chatbot UI
29 lines • 1.34 kB
JavaScript
import React from 'react';
import clsx from 'clsx';
import { RedPacket } from '../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'
};
export var 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.createElement("div", {
className: clsx('MultiRedPacket', className),
"data-variant": variant
}, /*#__PURE__*/React.createElement("div", {
className: "MultiRedPacket-stack"
}), /*#__PURE__*/React.createElement(RedPacket, {
image: imageMap[variant],
name: name,
btnText: btnText,
desc: /*#__PURE__*/React.createElement("div", null, count && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, count), " \u4E2A"), total && /*#__PURE__*/React.createElement("span", null, "\u5171 ", /*#__PURE__*/React.createElement("strong", null, total), " \u5143")),
onClick: onClick
}));
};