@chatui/core
Version:
The React library for Chatbot UI
39 lines (38 loc) • 1.33 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ImageList = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Image = require("../Image");
var ImageItem = function ImageItem(_ref) {
var item = _ref.item,
onClick = _ref.onClick;
var handleClick = function handleClick(e) {
onClick === null || onClick === void 0 || onClick(item, e);
};
return /*#__PURE__*/_react.default.createElement("li", {
className: "ImageList-item"
}, /*#__PURE__*/_react.default.createElement(_Image.Image, {
src: item.src,
onClick: handleClick
}), item.caption && /*#__PURE__*/_react.default.createElement("div", {
className: "ImageList-caption"
}, item.caption));
};
var ImageList = exports.ImageList = function ImageList(props) {
var className = props.className,
list = props.list,
onClick = props.onClick;
return /*#__PURE__*/_react.default.createElement("ul", {
className: (0, _clsx.default)('ImageList', className)
}, list.map(function (item) {
return /*#__PURE__*/_react.default.createElement(ImageItem, {
key: item.id || item.src,
item: item,
onClick: onClick
});
}));
};