import { NativeSignupForm } from "@code/auth/native";
import { router } from "expo-router";
import { KeyboardAvoidingView, Platform, ScrollView, View } from "react-native";

export default function SignupScreen() {
  return (
    <KeyboardAvoidingView
      behavior={Platform.OS === "ios" ? "padding" : undefined}
      className="flex-1 bg-background"
    >
      <ScrollView
        contentContainerClassName="flex-grow justify-center p-6"
        keyboardShouldPersistTaps="handled"
      >
        <View className="mx-auto w-full max-w-md py-6">
          <NativeSignupForm
            onNavigateSignIn={() => router.push("/(auth)/login")}
            onSuccess={() => router.replace("/")}
          />
        </View>
      </ScrollView>
    </KeyboardAvoidingView>
  );
}