1import React from 'react';
2import { StyleSheet, Text, View } from 'react-native';
3import { useSafeArea } from 'react-native-safe-area-context';
4
5export default function RunnerError({ children }) {
6  const { top } = useSafeArea();
7
8  return (
9    <View style={[styles.container, top || 18]}>
10      <Text style={styles.text}>{children}</Text>
11    </View>
12  );
13}
14
15const styles = StyleSheet.create({
16  container: {
17    flex: 1,
18    alignItems: 'center',
19    justifyContent: 'center',
20  },
21  text: {
22    color: 'red',
23  },
24});
25