import { ButtonForm } from "@/components/buttonForm";
import { InputForm } from "@/components/inputForm";
import Styles from "@/constants/Styles";
import { router } from "expo-router";
import { Image, Text, View } from "react-native";

export default function Index() {
   return (
      <View style={Styles.wrapLogin} >
         <View style={{ alignItems: "center", marginVertical: 50 }}>
            <Image
               source={require("../assets/images/splash-icon.png")}
               style={{ width: 130, height: 130 }}
            />
            <Text style={[Styles.textSubtitle]}>PERBEKEL DARMASABA</Text>
         </View>
         <InputForm
            type="numeric"
            placeholder="XXX-XXX-XXXX"
            round
            itemLeft={<Text>+62</Text>}
            info="Kami akan mengirim kode verifikasi melalui WhatsApp, guna mengonfirmasikan nomor Anda." />
         <ButtonForm text="MASUK" onPress={() => { router.push("/verification") }} />
      </View>
   );
}