"use strict";

/** @format */

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { jsx as _jsx } from "react/jsx-runtime";
const ConnectionBanner = () => {
  return /*#__PURE__*/_jsx(View, {
    style: styles.bannerContainer,
    children: /*#__PURE__*/_jsx(Text, {
      style: styles.bannerText,
      children: "Connection lost. Retrying..."
    })
  });
};
const styles = 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'
  }
});
export default ConnectionBanner;
//# sourceMappingURL=ConnectionBanner.js.map