import { s as styleInject } from './index-bbdfb97a.js';
import 'react';
import { observer } from 'mobx-react-lite';
import { jsxs, jsx } from 'react/jsx-runtime';
import '@babel/runtime/helpers/defineProperty';
import 'react-dynamic-multi-render';
import '@crystaldesign/diva-core';
import '@babel/runtime/helpers/asyncToGenerator';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/regenerator';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/toConsumableArray';
import '@crystaldesign/diva-utils';
import 'mobx';
import '@crystaldesign/web-planner-logic';
import 'classnames';
import 'qrcode.react';
import '@babel/runtime/helpers/typeof';
import 'flat';
import 'react-switch';
import 'react-countup';

var wrapper = "wrapper-p8fsC";
var title = "title-TlUE9";
var css_248z = ".wrapper-p8fsC {\n  padding: 12px 20px;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3); /* light blue gradient */\n  border-radius: 10px; /* rounded corners */\n  border: 1px solid #c0cfdc; /* subtle border */\n  font-family: Arial, Helvetica, sans-serif;\n  text-align: center;\n  color: #2a4b63; /* dark bluish text */\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* soft shadow */\n  width: calc(100% - 42px);\n}\n\n.title-TlUE9 {\n  font-weight: bold;\n  font-size: 1.1em;\n  display: block;\n  margin-bottom: 4px;\n}\n";
styleInject(css_248z);

var InfoBanner = function InfoBanner(_ref) {
  var title$1 = _ref.title,
    text = _ref.text;
  return /*#__PURE__*/jsxs("div", {
    className: wrapper,
    children: [/*#__PURE__*/jsx("div", {
      className: title,
      children: title$1
    }), /*#__PURE__*/jsx("div", {
      children: text
    })]
  });
};
var InfoBanner$1 = observer(InfoBanner);

export { InfoBanner$1 as default };
