import { Text, View } from 'react-native';

export function OfflineBanner({ isOnline }) {
  if (isOnline) return null;
  return (
    <View style={{ backgroundColor: '#c0392b', padding: 8, alignItems: 'center' }}>
      <Text style={{ color: '#fff', fontWeight: 'bold', fontSize: 13 }}>
        No internet connection. Changes will sync when back online.
      </Text>
    </View>
  );
}
