"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SystemMessage = ({
  messageText,
  colors
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    style: styles.container,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
      style: [styles.bubble, {
        backgroundColor: colors?.secondary || '#e7edf9'
      }],
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: [styles.text, {
          color: colors?.primary || '#0052cd'
        }],
        children: messageText
      })
    })
  });
};
var _default = exports.default = SystemMessage;
const styles = _reactNative.StyleSheet.create({
  container: {
    width: '100%',
    alignItems: 'center',
    paddingVertical: 8,
    paddingHorizontal: 16
  },
  bubble: {
    maxWidth: '85%',
    borderRadius: 12,
    paddingVertical: 6,
    paddingHorizontal: 12
  },
  text: {
    fontSize: 12,
    lineHeight: 16,
    fontWeight: '600',
    textAlign: 'center'
  }
});
//# sourceMappingURL=SystemMessage.js.map