{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport cn from 'classnames';\nimport Button from 'components/gui/Button';\nimport Slideshow from 'components/slideshow/Slideshow';\nimport SlideshowInline from 'components/slideshowInline/SlideshowInline';\nimport { useIsDesktop } from 'hooks/useIsDevice';\nimport { useState } from 'react';\nimport SliceIntro from 'slices/SliceIntro/SliceIntro';\nimport styles from './PicturesSlice.module.scss';\nimport CircleButton from 'components/gui/CircleButton';\nimport Matterport from 'components/matterport/Matterport';\n\nvar GridItem = function GridItem(_ref) {\n  var src = _ref.src,\n      onClick = _ref.onClick,\n      className = _ref.className;\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: cn(styles.gridItem, className),\n    children: /*#__PURE__*/_jsx(\"img\", {\n      onClick: onClick && function () {\n        return onClick(src);\n      },\n      src: src\n    })\n  });\n}; // Mobile\n\n\nvar PicturesSlideshow = function PicturesSlideshow(_ref2) {\n  var pictures = _ref2.pictures,\n      _onClick = _ref2.onClick,\n      on3D = _ref2.on3D;\n\n  var _useState = useState(0),\n      index = _useState[0],\n      setIndex = _useState[1];\n\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(SlideshowInline, {\n      items: pictures,\n      renderItem: function renderItem(item, itemStyle, i) {\n        return /*#__PURE__*/_jsx(GridItem, {\n          className: itemStyle,\n          src: item,\n          onClick: _onClick\n        }, item);\n      },\n      onIndexChange: function onIndexChange(index) {\n        return setIndex(index);\n      }\n    }), /*#__PURE__*/_jsx(CircleButton, {\n      onClick: function onClick() {\n        return _onClick(pictures[index]);\n      },\n      className: cn(styles.openButton),\n      icon: \"fullScreen\"\n    }), on3D && /*#__PURE__*/_jsx(CircleButton, {\n      onClick: function onClick() {\n        return on3D();\n      },\n      className: cn(styles.threeDButton),\n      icon: \"3d\"\n    })]\n  });\n}; // Desktop\n\n\nvar PicturesGrid = function PicturesGrid(_ref3) {\n  var pictures = _ref3.pictures,\n      onClick = _ref3.onClick;\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: cn(styles.grid),\n    children: pictures.map(function (picture, i) {\n      return /*#__PURE__*/_jsx(GridItem, {\n        src: picture,\n        onClick: onClick\n      }, i + '-' + picture);\n    })\n  });\n}; //\n\n\nvar PicturesSlice = function PicturesSlice(_ref4) {\n  var pictures = _ref4.pictures,\n      introText = _ref4.introText,\n      matterport = _ref4.matterport;\n  var isDesktop = useIsDesktop();\n\n  var _useState2 = useState(),\n      openSlideshowWithSrc = _useState2[0],\n      setOpenSlideshowWithSrc = _useState2[1];\n\n  var _useState3 = useState(false),\n      show3D = _useState3[0],\n      setShow3D = _useState3[1];\n\n  var openFullScreen = function openFullScreen(src) {\n    setOpenSlideshowWithSrc(src);\n  };\n\n  return /*#__PURE__*/_jsxs(\"section\", {\n    className: cn(styles.picturesSlice),\n    children: [/*#__PURE__*/_jsx(SliceIntro, {\n      text: introText\n    }), isDesktop ? /*#__PURE__*/_jsx(PicturesGrid, {\n      pictures: pictures,\n      onClick: openFullScreen\n    }) : /*#__PURE__*/_jsx(PicturesSlideshow, {\n      pictures: pictures,\n      onClick: openFullScreen,\n      on3D: matterport && function () {\n        return setShow3D(true);\n      }\n    }), show3D && /*#__PURE__*/_jsx(Matterport, {\n      src: matterport,\n      onClose: function onClose() {\n        return setShow3D(false);\n      }\n    }), openSlideshowWithSrc && /*#__PURE__*/_jsx(Slideshow // className={cn(styles.slideshow)}\n    , {\n      fullScreen: true,\n      withArrows: true,\n      images: pictures,\n      openOn: openSlideshowWithSrc,\n      onClose: function onClose() {\n        return setOpenSlideshowWithSrc(null);\n      }\n    })]\n  });\n};\n\nexport default PicturesSlice;","map":null,"metadata":{},"sourceType":"module"}