@chatui/core/lib/components/ImageList/index.js

The React library for Chatbot UI

"use strict";

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 img = _ref.img,
    onClick = _ref.onClick;
  var handleClick = function handleClick(e) {
    onClick === null || onClick === void 0 || onClick(img, e);
  };
  return /*#__PURE__*/_react.default.createElement(_Image.Image, {
    src: img.src,
    onClick: handleClick
  });
};
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 (img) {
    return /*#__PURE__*/_react.default.createElement("li", {
      key: img.id || img.src
    }, /*#__PURE__*/_react.default.createElement(ImageItem, {
      img: img,
      onClick: onClick
    }));
  }));
};