import Styles from "@/constants/Styles"
import { Pressable, Text, View } from "react-native"

type Props = {
   onPress: () => void
   icon: React.ReactNode
   title: string
   column?: 'many' | 'three'
   color?: string
}

export default function MenuItemRow({ onPress, icon, title, column, color }: Props) {
   return (
      <Pressable onPress={() => { onPress() }} style={[column == 'many' ? Styles.btnMenuRowMany : Styles.btnMenuRow]}>
         <View style={{ alignItems: 'center' }}>
            {icon}
            <Text style={[Styles.mt05, { textAlign: 'center' }, color && { color: color }]}>{title}</Text>
         </View>
      </Pressable>
   )
}