@chatui/core
Version:
The React library for Chatbot UI
32 lines • 1 kB
JavaScript
import React from 'react';
import clsx from 'clsx';
import { Image } from '../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.createElement("li", {
className: "ImageList-item"
}, /*#__PURE__*/React.createElement(Image, {
src: item.src,
onClick: handleClick
}), item.caption && /*#__PURE__*/React.createElement("div", {
className: "ImageList-caption"
}, item.caption));
};
export var ImageList = function ImageList(props) {
var className = props.className,
list = props.list,
onClick = props.onClick;
return /*#__PURE__*/React.createElement("ul", {
className: clsx('ImageList', className)
}, list.map(function (item) {
return /*#__PURE__*/React.createElement(ImageItem, {
key: item.id || item.src,
item: item,
onClick: onClick
});
}));
};