"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 }; }
/** @format */

const ConnectionBanner = () => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    style: styles.bannerContainer,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: styles.bannerText,
      children: "Connection lost. Retrying..."
    })
  });
};
const styles = _reactNative.StyleSheet.create({
  bannerContainer: {
    backgroundColor: '#ff9800',
    padding: 8,
    paddingHorizontal: 16,
    width: '100%',
    alignItems: 'center',
    justifyContent: 'center',
    zIndex: 1000
  },
  bannerText: {
    color: '#ffffff',
    fontSize: 14,
    fontWeight: '500',
    textAlign: 'center'
  }
});
var _default = exports.default = ConnectionBanner;
//# sourceMappingURL=ConnectionBanner.js.map