import React from 'react';
import {RouteProp} from '@react-navigation/native';
import {StackNavigationProp} from '@react-navigation/stack';
import {View, Text, Button} from 'react-native';

import {RootStackParams} from '../routes';

type LoginScreenRouteProp = RouteProp<RootStackParams, 'Login'>;
type LoginScreenNavigationProp = StackNavigationProp<RootStackParams, 'Login'>;

interface LoginProps {
  route: LoginScreenRouteProp;
  navigation: LoginScreenNavigationProp;
}
const Login = ({navigation}: LoginProps) => {
  return (
    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
      <Text style={{fontSize: 18}}>Welcome to Tagg! Login page goes here.</Text>
      <Button
        title="Register"
        onPress={() => navigation.navigate('Registration')}
      />
    </View>
  );
};

export default Login;
