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

type Props = {
   onPress: () => void
   icon: React.ReactNode
   title: string
}

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