{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/statusBanner/StatusBanner.js\";\nimport cn from 'classnames';\nimport useLocale from 'contexts/useLocale';\nimport styles from './StatusBanner.module.scss';\n\nconst StatusBanner = ({\n  className,\n  status,\n  topRight\n}) => {\n  const locale = useLocale();\n  const statusColor = status == 'available' ? 'green' : status == 'full' ? 'blue-grey' : 'black';\n  const statusText = locale('house-' + status);\n  const 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 ${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\nexport default 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,MAAMC,YAAY,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,MAAb;AAAqBC,EAAAA;AAArB,CAAD,KAAsC;AAExD,QAAMC,MAAM,GAAGN,SAAS,EAAxB;AAEA,QAAMO,WAAW,GACdH,MAAM,IAAI,WAAV,GAAwB,OAAxB,GACKA,MAAM,IAAI,MAAV,GAAmB,WAAnB,GACG,OAHX;AAKA,QAAMI,UAAU,GAAGF,MAAM,CAAC,WAAWF,MAAZ,CAAzB;AAEA,QAAMK,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,EAAG,WAAUA,KAAM,yBAA1B;AAAoD,QAAA,IAAI,EAAC;AAAzD;AAAA;AAAA;AAAA;AAAA;AADH;AAAA;AAAA;AAAA;AAAA,YAPH,eAUG;AAAM,MAAA,SAAS,EAAEV,EAAE,CAAC,MAAD,CAAnB;AAAA,gBAA8BS;AAA9B;AAAA;AAAA;AAAA;AAAA,YAVH;AAAA;AAAA;AAAA;AAAA;AAAA,UADH;AAcF,CA3BD;;AA6BA,eAAeN,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"}