{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport cn from 'classnames';\nimport useLocale from 'contexts/useLocale';\nimport styles from './StatusBanner.module.scss';\n\nvar StatusBanner = function StatusBanner(_ref) {\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__*/_jsxs(\"div\", {\n    className: cn(styles.statusBanner, statusColor && styles['statusBanner-' + statusColor], topRight && styles.topRight, className),\n    children: [/*#__PURE__*/_jsx(\"svg\", {\n      width: width,\n      height: \"40\",\n      children: /*#__PURE__*/_jsx(\"path\", {\n        d: \"M 0 0 H \".concat(width, \" V 40 H 0 L 20 20 L 0 0\"),\n        fill: \"white\"\n      })\n    }), /*#__PURE__*/_jsx(\"span\", {\n      className: cn('p--m'),\n      children: statusText\n    })]\n  });\n};\n\nexport default StatusBanner;","map":null,"metadata":{},"sourceType":"module"}