import * as React from 'react';
import { View, Button } from 'react-native';
import { useTranslation } from 'react-i18next';
import { HomeScreenProps } from '../types';

export function HomeScreen({ navigation, route }: HomeScreenProps) {

  const { context } = route.params;
  const { t } = useTranslation();

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        title={t('NewGame')}
        onPress={() => navigation.navigate('Loby', { context })}></Button>
    </View>
  );
}