import React, { ReactNode } from 'react';
import { SafeAreaView, View, Platform, StatusBar } from 'react-native';
interface SafeAreaProps {
    children: ReactNode; 
  }
export const SafeArea: React.FC<SafeAreaProps> = ({ children }) => {

  return (
    
    <SafeAreaView style={{flex: 1}}>
  {Platform.OS === 'android' && <View style={{ paddingTop: StatusBar.currentHeight, 
            backgroundColor: '#0284c7' }} />} 
      {children}
    </SafeAreaView>
  );
};