{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport cn from 'classnames';\nimport CircleButton from 'components/gui/CircleButton';\nimport Overlay from 'components/overlay/Overlay';\nimport { useClientHeight, useClientWidth } from 'hooks/useClientSize';\nimport { useEffect } from 'react';\nimport styles from './Matterport.module.scss';\n\nconst Matterport = ({\n  src,\n  onClose\n}) => {\n  const clientWidth = useClientWidth();\n  const clientHeight = useClientHeight();\n  return /*#__PURE__*/_jsx(Overlay, {\n    className: cn(styles.matterport),\n    onClose: onClose,\n    children: /*#__PURE__*/_jsx(\"iframe\", {\n      className: cn(styles.matterportFrame),\n      width: clientWidth,\n      height: clientHeight + 50,\n      src: src + '&play=1',\n      frameBorder: \"0\",\n      allowFullScreen: true,\n      allow: \"xr-spatial-tracking\"\n    })\n  });\n};\n\nexport default Matterport;","map":null,"metadata":{},"sourceType":"module"}