"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _ImagePreview = _interopRequireDefault(require("./ImagePreview"));
var _uniqueId = require("./hook/uniqueId");
require("./style/index.less");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ImageGallery = function ImageGallery(props) {
  var children = props.children,
    _props$hasThumbnail = props.hasThumbnail,
    hasThumbnail = _props$hasThumbnail === void 0 ? true : _props$hasThumbnail,
    items = props.items,
    height = props.height;
  var prefixCls = 'spec-image-gallery';
  var coreId = (0, _uniqueId.useUniqueId)(prefixCls);
  // useEffect(() => {
  //   console.log('  document.getElementById(ImageGalleryId)', document.getElementById(ImageGalleryId))
  // }, [])

  return /*#__PURE__*/_react.default.createElement("div", {
    className: prefixCls,
    style: {
      height: height
    },
    id: coreId
  }, /*#__PURE__*/_react.default.createElement(_ImagePreview.default, {
    hasThumbnail: hasThumbnail,
    mode: 'inline',
    showToolbar: false,
    galleryItems: items
  }, children));
};
var _default = exports.default = ImageGallery;