{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/matterport/Matterport.js\";\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__*/_jsxDEV(Overlay, {\n    className: cn(styles.matterport),\n    onClose: onClose,\n    children: /*#__PURE__*/_jsxDEV(\"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    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 14,\n    columnNumber: 11\n  }, this);\n};\n\nexport default Matterport;","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/matterport/Matterport.js"],"names":["cn","CircleButton","Overlay","useClientHeight","useClientWidth","useEffect","styles","Matterport","src","onClose","clientWidth","clientHeight","matterport","matterportFrame"],"mappings":";;AAAA,OAAOA,EAAP,MAAe,YAAf;AACA,OAAOC,YAAP,MAAyB,6BAAzB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,SAASC,eAAT,EAA0BC,cAA1B,QAAgD,qBAAhD;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,OAAOC,MAAP,MAAmB,0BAAnB;;AAEA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA;AAAP,CAAD,KAAuB;AAEvC,QAAMC,WAAW,GAAGN,cAAc,EAAlC;AACA,QAAMO,YAAY,GAAGR,eAAe,EAApC;AAGA,sBAAO,QAAC,OAAD;AAAS,IAAA,SAAS,EAAEH,EAAE,CAACM,MAAM,CAACM,UAAR,CAAtB;AAA2C,IAAA,OAAO,EAAEH,OAApD;AAAA,2BACJ;AACG,MAAA,SAAS,EAAET,EAAE,CAACM,MAAM,CAACO,eAAR,CADhB;AAEG,MAAA,KAAK,EAAEH,WAFV;AAGG,MAAA,MAAM,EAAEC,YAAY,GAAG,EAH1B;AAIG,MAAA,GAAG,EAAEH,GAAG,GAAG,SAJd;AAKG,MAAA,WAAW,EAAC,GALf;AAMG,MAAA,eAAe,MANlB;AAOG,MAAA,KAAK,EAAC;AAPT;AAAA;AAAA;AAAA;AAAA;AADI;AAAA;AAAA;AAAA;AAAA,UAAP;AAWF,CAjBD;;AAmBA,eAAeD,UAAf","sourcesContent":["import 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 = ({ src, onClose, }) => {\n\n   const clientWidth = useClientWidth()\n   const clientHeight = useClientHeight()\n\n\n   return <Overlay className={cn(styles.matterport)} onClose={onClose}>\n      <iframe\n         className={cn(styles.matterportFrame)}\n         width={clientWidth}\n         height={clientHeight + 50}\n         src={src + '&play=1'}\n         frameBorder=\"0\"\n         allowFullScreen\n         allow=\"xr-spatial-tracking\">\n      </iframe>\n   </Overlay>\n}\n\nexport default Matterport\n\n\n\n"]},"metadata":{},"sourceType":"module"}