import * as LocalAuthentication from "expo-local-authentication";
import { Alert, Pressable, Text } from "react-native";

export function UnlockButton({ onUnlocked }: { onUnlocked: () => void }) {
  return (
    <Pressable
      onPress={async () => {
        const hasHardware = await LocalAuthentication.hasHardwareAsync();
        const enrolled = await LocalAuthentication.isEnrolledAsync();
        if (!hasHardware || !enrolled) {
          Alert.alert("Biometrics unavailable", "Use your passcode instead.");
          return;
        }
        const result = await LocalAuthentication.authenticateAsync({
          promptMessage: "Unlock",
          fallbackLabel: "Use passcode",
          disableDeviceFallback: false,
        });
        if (result.success) onUnlocked();
      }}
    >
      <Text>Unlock with biometrics</Text>
    </Pressable>
  );
}