import { ColorsStatus } from "@/constants/ColorsStatus"
import Styles from "@/constants/Styles"
import { TouchableOpacity } from "react-native"
import Text from "./Text";

type Props = {
   active: string
   value: string
   onPress: () => void
   label: string
   icon: React.ReactNode
   n: number
}


export default function ButtonTab({ active, value, onPress, label, n, icon }: Props) {
   return (
      <TouchableOpacity style={[Styles.btnTab, (active == value) && ColorsStatus.orange, { width: n == 2 ? '50%' : 'auto' }]} onPress={() => { onPress() }}>
         {icon}
         <Text numberOfLines={1} style={[Styles.textMediumSemiBold, Styles.ml10, { color: active == value ? 'white' : 'black' }]}>{label}</Text>
      </TouchableOpacity>
   )
}