{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/statusBanner/StatusBanner.js\",\n    _this = this,\n    _s = $RefreshSig$();\n\nimport cn from 'classnames';\nimport useLocale from 'contexts/useLocale';\nimport styles from './StatusBanner.module.scss';\n\nvar StatusBanner = function StatusBanner(_ref) {\n  _s();\n\n  var className = _ref.className,\n      status = _ref.status,\n      topRight = _ref.topRight;\n  var locale = useLocale();\n  var statusColor = status == 'available' ? 'green' : status == 'full' ? 'blue-grey' : 'black';\n  var statusText = locale('house-' + status);\n  var width = 200;\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.statusBanner, statusColor && styles['statusBanner-' + statusColor], topRight && styles.topRight, className),\n    children: [/*#__PURE__*/_jsxDEV(\"svg\", {\n      width: width,\n      height: \"40\",\n      children: /*#__PURE__*/_jsxDEV(\"path\", {\n        d: \"M 0 0 H \".concat(width, \" V 40 H 0 L 20 20 L 0 0\"),\n        fill: \"white\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }, _this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 10\n    }, _this), /*#__PURE__*/_jsxDEV(\"span\", {\n      className: cn('p--m'),\n      children: statusText\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 10\n    }, _this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 20,\n    columnNumber: 7\n  }, _this);\n};\n\n_s(StatusBanner, \"ubkSS9Gz1bw7UV2c73rm/bCUdh8=\", false, function () {\n  return [useLocale];\n});\n\n_c = StatusBanner;\nexport default StatusBanner;\n\nvar _c;\n\n$RefreshReg$(_c, \"StatusBanner\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/statusBanner/StatusBanner.js"],"names":["cn","useLocale","styles","StatusBanner","className","status","topRight","locale","statusColor","statusText","width","statusBanner"],"mappings":";;;;;;AACA,OAAOA,EAAP,MAAe,YAAf;AACA,OAAOC,SAAP,MAAsB,oBAAtB;AACA,OAAOC,MAAP,MAAmB,4BAAnB;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAsC;AAAA;;AAAA,MAAnCC,SAAmC,QAAnCA,SAAmC;AAAA,MAAxBC,MAAwB,QAAxBA,MAAwB;AAAA,MAAhBC,QAAgB,QAAhBA,QAAgB;AAExD,MAAMC,MAAM,GAAGN,SAAS,EAAxB;AAEA,MAAMO,WAAW,GACdH,MAAM,IAAI,WAAV,GAAwB,OAAxB,GACKA,MAAM,IAAI,MAAV,GAAmB,WAAnB,GACG,OAHX;AAKA,MAAMI,UAAU,GAAGF,MAAM,CAAC,WAAWF,MAAZ,CAAzB;AAEA,MAAMK,KAAK,GAAG,GAAd;AAEA,sBACG;AAAK,IAAA,SAAS,EAAEV,EAAE,CACZE,MAAM,CAACS,YADK,EAEZH,WAAW,IAAIN,MAAM,CAAC,kBAAkBM,WAAnB,CAFT,EAGZF,QAAQ,IAAIJ,MAAM,CAACI,QAHP,EAIZF,SAJY,CAAlB;AAAA,4BAOG;AAAK,MAAA,KAAK,EAAEM,KAAZ;AAAmB,MAAA,MAAM,EAAC,IAA1B;AAAA,6BACG;AAAM,QAAA,CAAC,oBAAaA,KAAb,4BAAP;AAAoD,QAAA,IAAI,EAAC;AAAzD;AAAA;AAAA;AAAA;AAAA;AADH;AAAA;AAAA;AAAA;AAAA,aAPH,eAUG;AAAM,MAAA,SAAS,EAAEV,EAAE,CAAC,MAAD,CAAnB;AAAA,gBAA8BS;AAA9B;AAAA;AAAA;AAAA;AAAA,aAVH;AAAA;AAAA;AAAA;AAAA;AAAA,WADH;AAcF,CA3BD;;GAAMN,Y;UAEYF,S;;;KAFZE,Y;AA6BN,eAAeA,YAAf","sourcesContent":["\nimport cn from 'classnames'\nimport useLocale from 'contexts/useLocale'\nimport styles from './StatusBanner.module.scss'\n\nconst StatusBanner = ({ className, status, topRight, }) => {\n\n   const locale = useLocale()\n\n   const statusColor =\n      status == 'available' ? 'green'\n         : status == 'full' ? 'blue-grey'\n            : 'black'\n\n   const statusText = locale('house-' + status)\n\n   const width = 200\n\n   return (\n      <div className={cn(\n            styles.statusBanner,\n            statusColor && styles['statusBanner-' + statusColor],\n            topRight && styles.topRight,\n            className\n            )}\n            >\n         <svg width={width} height=\"40\">\n            <path d={`M 0 0 H ${width} V 40 H 0 L 20 20 L 0 0`} fill=\"white\" />\n         </svg>\n         <span className={cn('p--m')}>{statusText}</span>\n      </div>\n   )\n}\n\nexport default StatusBanner\n\n"]},"metadata":{},"sourceType":"module"}