{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/overlay/Overlay.js\",\n    _this = this,\n    _s = $RefreshSig$();\n\nimport cn from 'classnames';\nimport CircleButton from 'components/gui/CircleButton';\nimport { usePreventBodyScroll } from 'hooks/usePreventBodyScroll';\nimport styles from './Overlay.module.scss';\n\nvar Overlay = function Overlay(_ref) {\n  _s();\n\n  var children = _ref.children,\n      className = _ref.className,\n      backColor = _ref.backColor,\n      onClose = _ref.onClose,\n      buttonColor = _ref.buttonColor;\n  usePreventBodyScroll();\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.overlay, backColor && styles['overlay-' + backColor], className),\n    children: [children, onClose && /*#__PURE__*/_jsxDEV(CircleButton, {\n      onClick: onClose,\n      className: cn(styles.closeButton),\n      color: buttonColor,\n      icon: \"close\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 15,\n      columnNumber: 22\n    }, _this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 13,\n    columnNumber: 7\n  }, _this);\n};\n\n_s(Overlay, \"sA13pl4wtdPgxFD7CEauKBNaSvg=\", false, function () {\n  return [usePreventBodyScroll];\n});\n\n_c = Overlay;\nexport default Overlay;\n\nvar _c;\n\n$RefreshReg$(_c, \"Overlay\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/overlay/Overlay.js"],"names":["cn","CircleButton","usePreventBodyScroll","styles","Overlay","children","className","backColor","onClose","buttonColor","overlay","closeButton"],"mappings":";;;;;;AACA,OAAOA,EAAP,MAAe,YAAf;AACA,OAAOC,YAAP,MAAyB,6BAAzB;AACA,SAASC,oBAAT,QAAqC,4BAArC;AACA,OAAOC,MAAP,MAAmB,uBAAnB;;AAGA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAA+D;AAAA;;AAAA,MAA5DC,QAA4D,QAA5DA,QAA4D;AAAA,MAAlDC,SAAkD,QAAlDA,SAAkD;AAAA,MAAvCC,SAAuC,QAAvCA,SAAuC;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAnBC,WAAmB,QAAnBA,WAAmB;AAE5EP,EAAAA,oBAAoB;AAEpB,sBACG;AAAK,IAAA,SAAS,EAAEF,EAAE,CAACG,MAAM,CAACO,OAAR,EAAiBH,SAAS,IAAIJ,MAAM,CAAC,aAAaI,SAAd,CAApC,EAA8DD,SAA9D,CAAlB;AAAA,eACID,QADJ,EAEIG,OAAO,iBAAI,QAAC,YAAD;AACT,MAAA,OAAO,EAAEA,OADA;AAET,MAAA,SAAS,EAAER,EAAE,CAACG,MAAM,CAACQ,WAAR,CAFJ;AAGT,MAAA,KAAK,EAAEF,WAHE;AAIT,MAAA,IAAI,EAAC;AAJI;AAAA;AAAA;AAAA;AAAA,aAFf;AAAA;AAAA;AAAA;AAAA;AAAA,WADH;AAWF,CAfD;;GAAML,O;UAEHF,oB;;;KAFGE,O;AAiBN,eAAeA,OAAf","sourcesContent":["\nimport cn from 'classnames'\nimport CircleButton from 'components/gui/CircleButton'\nimport { usePreventBodyScroll } from 'hooks/usePreventBodyScroll'\nimport styles from './Overlay.module.scss'\n\n\nconst Overlay = ({ children, className, backColor, onClose, buttonColor, }) => {\n\n   usePreventBodyScroll()\n\n   return (\n      <div className={cn(styles.overlay, backColor && styles['overlay-' + backColor], className)}>\n         {children}\n         {onClose && <CircleButton\n            onClick={onClose}\n            className={cn(styles.closeButton)}\n            color={buttonColor}\n            icon='close'\n         />}\n      </div>\n   )\n}\n\nexport default Overlay"]},"metadata":{},"sourceType":"module"}