@chatui/core
Version:
The React library for Chatbot UI
34 lines (33 loc) • 1.35 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Empty = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Flex = require("../Flex");
var _Image = require("../Image");
var IMAGE_EMPTY = 'https://gw.alicdn.com/imgextra/i3/O1CN01c0BqGH1Jx6L1ihheM_!!6000000001094-55-tps-280-280.svg';
var IMAGE_OOPS = 'https://gw.alicdn.com/imgextra/i3/O1CN011bYju01hGYK2LMydz_!!6000000004250-55-tps-280-280.svg';
var Empty = exports.Empty = function Empty(props) {
var className = props.className,
type = props.type,
image = props.image,
tip = props.tip,
desc = props.desc,
children = props.children;
var imgUrl = image || (type === 'error' ? IMAGE_OOPS : IMAGE_EMPTY);
return /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
className: (0, _clsx.default)('Empty', className),
direction: "column",
center: true
}, /*#__PURE__*/_react.default.createElement(_Image.Image, {
className: "Empty-img",
src: imgUrl
}), tip && /*#__PURE__*/_react.default.createElement("h5", {
className: "Empty-tip"
}, tip), desc && /*#__PURE__*/_react.default.createElement("p", {
className: "Empty-desc"
}, desc), children);
};