text: import React from "react";
  import {
    View,
    Text,
    Button,
    ImageBackground,
    TouchableOpacity,
  } from "react-native";
  import useAuth from "../hooks/useAuth";
  import { useNavigation } from "@react-navigation/core";
  import tw from "tailwind-rn";
  
  const LoginScreen = () => {
    const { signInWithGoogle } = useAuth();
    const navigation = useNavigation();
    return (
      <View style={tw("flex-1")}>
        <ImageBackground
          resizeMode="cover"
          style={tw("flex-1")}
          source={require("../assets/images/tinder.png")}
        >
          <TouchableOpacity
            style={[
              tw("absolute bottom-40 w-52 bg-white p-4 rounded-2xl"),
              {
                marginHorizontal: "25%",
              },
            ]}
            onPress={signInWithGoogle}
          >
            <Text style={tw("font-semibold text-center")}>
              SignIn With Google
            </Text>
          </TouchableOpacity>
        </ImageBackground>
      </View>
    );
  };
  
  export default LoginScreen;
  