import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

import * as React from 'react';
import { Button, Text, TextInput, View, ActivityIndicator,FlatList,} from 'react-native';

const Stack = createStackNavigator();

export default function App() {
    return (
        <NavigationContainer>
            <Stack.Navigator>

    const PizzaTranslator = () => {
        const [userName, setUsername] = useState('');
        const [password, setPassword] = useState('');
        const [UserID, SetUserID] = useState('');

        const FetchedData = useCallback(async () => {
            const Connect = await fetch('/api/auth/login', {
                method: 'POST',
                body: JSON.stringify({
                    username: 'userName',
                    password: 'password'
                })
            });

            if (Connect.token !== null) {
                console.log(Connect.token)
            }
            SetUserID(Connect.userId);
        }, []);

        return (
            <View style={{padding: 10}}>
                <Text>Авторизация</Text>
                <TextInput
                    style={{height: 40}}
                    placeholder="Логин"
                    onChangeText={userName => setUsername(userName)}
                />

                <TextInput
                    style={{height: 40}}
                    placeholder="Пароль"
                    onChangeText={password => setPassword(password)}
                />

                <Button
                    onPress={() => {
                        FetchedData
                    }}
                    title={"Авторизоваться"}
                />
            </View>
        );
    };
                export default PizzaTranslator;

            </Stack.Navigator>
        </NavigationContainer>
    );
}
export default App;