import * as React from 'react';
import { FunctionComponent } from 'react';
import { View } from 'react-native';

const Center: FunctionComponent<{children: React.ReactNode}> = ({children}) => {
    return (
        <View style={{
            display: 'flex',
            height: '100%',
            width: '100%',
            alignItems: 'center',
            justifyContent: 'center'
        }}>
            {children}
        </View>
    );
}

export default Center;