import React from 'react';
import ImagePreview from "./ImagePreview";
import { useUniqueId } from "./hook/uniqueId";
import "./style/index.less";
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 = useUniqueId(prefixCls);
  // useEffect(() => {
  //   console.log('  document.getElementById(ImageGalleryId)', document.getElementById(ImageGalleryId))
  // }, [])

  return /*#__PURE__*/React.createElement("div", {
    className: prefixCls,
    style: {
      height: height
    },
    id: coreId
  }, /*#__PURE__*/React.createElement(ImagePreview, {
    hasThumbnail: hasThumbnail,
    mode: 'inline',
    showToolbar: false,
    galleryItems: items
  }, children));
};
export default ImageGallery;