import {  Pressable, StyleSheet } from 'react-native';
import { ThemedText } from '@/components/ThemedText';
import { useKindeAuth } from '@kinde/expo';

export default function HomeScreen() {
  const kinde = useKindeAuth();

  const handleSignUp = async () => {
    const token = await kinde.register();

    if (token) {
      // User was authenticated
    }
  };

  const handleSignIn = async () => {
    console.log("login");
    const token = await kinde.login();
    if (token) {
      // User was authenticated
      console.log("login success", token);
    }
  };

  const handleLogout = async () => {
    console.log("logout", await kinde.logout());
  };
  return (
    <Pressable style={{padding: 30}} onPress={handleSignIn}>
      <ThemedText>Sign In</ThemedText>
    </Pressable>
  );
}

const styles = StyleSheet.create({
  titleContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    gap: 8,
  },
  stepContainer: {
    gap: 8,
    marginBottom: 8,
  },
  reactLogo: {
    height: 178,
    width: 290,
    bottom: 0,
    left: 0,
    position: 'absolute',
  },
});