import React from "react";
import { SafeAreaView } from "react-native-safe-area-context";
import {
    StyleSheet
} from 'react-native';
import { Stack } from "expo-router";

export const Page: React.FC<React.PropsWithChildren & {}> = ({ children }) => {
    return <>
        <Stack.Screen options={{ headerShown: false }} />
        <SafeAreaView style={styles.safeArea} edges={['top', 'left', 'right']}>
            {children}
        </SafeAreaView>
    </>
}

const styles = StyleSheet.create({
    safeArea: {
        flex: 1,
    }
});