import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import r,{useState as t,useEffect as n}from"react";import{DEFAULT_BLOC_PROPERTIES as o}from"../Bloc/BlocProperties.js";import{PropsGeneratorForGivenComponent as i}from"../../prop-utils.js";import l from"../../node_modules/react-image-masonry/build/index.js";var m,a=e(e({},o),{images:[]}),s=(m=i({},[],[])).propsGenerator,d=m.propsParser;export default function(e){var o=e.images;e.editorMode;var i=t(window.innerWidth),m=i[0],a=i[1];n((function(){window.addEventListener("resize",(function(){a(window.innerWidth)}))}));return r.createElement(r.Fragment,null,r.createElement(r.Fragment,null,r.createElement("div",null,o&&o.length>0?r.createElement(l,{imageUrls:o[0],numCols:m<600?1:2,containerWidth:"100%"}):r.createElement("img",{src:o?o[0]:""})),r.createElement("style",null,"\n\n\n      ")))}export{a as DEFAULT_IMAGE_LIBRARY,s as imageLibraryPropsGenerator,d as imageLibraryPropsParser};
//# sourceMappingURL=ImageCollection.js.map
