import * as React from "react";
import { FunctionComponent } from "react";
import { Theme } from "@mancala/core";
import { Context } from "../context/context";
import { View } from "react-native";

const PageContainer: FunctionComponent<{ context: Context, children: React.ReactNode }> = (props) => {
    return (
        <View style={{
            backgroundColor: props.context.themeManager.theme?.background,
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            flex: 1,
            minHeight: 400
        }}>
            {props.children}
        </View>
    );
}

export default PageContainer;