{"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\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__*/_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 ${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"}