import React from 'react';

import { View, TextInput, Button } from 'react-native';

function LoginScreen({ navigation }) {

  const [email, setEmail] = React.useState('');

  const [password, setPassword] = React.useState('');

  const handleLogin = () => {

    navigation.navigate('StudentDashboard', { email, password });

  };

  return (

    <View>

      <TextInput

        placeholder="Email"

        value={email}

        onChangeText={setEmail}

      />

      <TextInput

        placeholder="Password"

        value={password}

        onChangeText={setPassword}

        secureTextEntry

      />

      <Button title="Login" onPress={handleLogin} />

    </View>

  );

}

export default LoginScreen;