import Styles from "@/constants/Styles";
import { Feather } from "@expo/vector-icons";
import { Pressable, View } from "react-native";
import Text from "./Text";

type Props = {
   value: string
   onPress?: () => void
   round?: boolean
   error?: boolean
   errorText?: string
}

export default function ButtonSelect({ value, onPress, round, error, errorText }: Props) {
   return (
      <View style={[Styles.mv05]}>
         <Pressable onPress={onPress}>
            <View style={[Styles.inputRoundForm, Styles.inputRoundFormRight, round && Styles.round30, Styles.pv10, error && { borderColor: "red" }]}>
               <Feather name="arrow-right-circle" size={20} color="black" />
               <Text style={[Styles.cBlack]}>{value}</Text>
            </View>
         </Pressable>
         {error && (<Text style={[Styles.textInformation, Styles.mt05, Styles.cError]}>{errorText}</Text>)}
      </View>
   )
}