import { View, Text, Button } from "react-native-ui-lib";
import { TextInput } from "react-native";
import React, { useState } from "react";
import { useSignIn } from "@/hooks/firebase/useSignIn";

const SignInPage = (props: {
  setRegister: () => any;
}) => {
  const [email, setEmail] = useState<string>("");
  const [password, setPassword] = useState<string>("");

  const { mutateAsync: signIn } = useSignIn();

  const handleSignIn = async () => {
    await signIn({email, password});
  }

  return (
    <View marginH-20>
      <TextInput placeholder="Email" value={email} onChangeText={setEmail} />
      <TextInput
        placeholder="Password"
        value={password}
        onChangeText={setPassword}
        secureTextEntry
      />
      <Button label="Login" onPress={handleSignIn} />
      <Text>Don't have an account?</Text>
      <Button
        onPress={props.setRegister}
        label="Sign Up"
        link
        padding-0
        margin-0
        left
      />
    </View>
  );
};

export default SignInPage;
