import { View, Text, TouchableOpacity } from "react-native";

interface AuthFooterProps {
  question: string;
  actionText: string;
  onPress: () => void;
  disabled?: boolean;
}

export const AuthFooter = ({
  question,
  actionText,
  onPress,
  disabled,
}: AuthFooterProps) => {
  return (
    <View className="flex-row items-center justify-center mt-6">
      <Text className="text-white">{question}</Text>
      <TouchableOpacity onPress={onPress} disabled={disabled}>
        <Text className="text-white font-bold ml-2">{actionText}</Text>
      </TouchableOpacity>
    </View>
  );
};