/**
 * This intends to wrap every screen in ChainIT
 * so that every screen contains a SafeAreaView and other screen-global components.
 * For example, we have an environment indicator above every screen for debugging / testing purposes (disabled in production).
 */

import { SafeAreaView } from 'react-native-safe-area-context';
import { AppLayoutProps, APP_LAYOUT_SAFE_AREA_STYLE, VersionHeader } from '../layouts/AppLayout';

export const AppLayout = ({ children, style }: AppLayoutProps) => (
  <SafeAreaView style={[APP_LAYOUT_SAFE_AREA_STYLE, style]}>
    <VersionHeader />
    {children}
  </SafeAreaView>
);