import Styles from "@/constants/Styles";
import React from "react";
import { TouchableWithoutFeedback, View } from "react-native";
import Text from "./Text";

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

export function ButtonFiturMenu({ onPress, icon, text }: Props) {
   return (
      <TouchableWithoutFeedback onPress={onPress}>
         <View style={{ alignItems: 'center' }}>
            <View style={[Styles.btnFiturMenu]}>
               {icon}
            </View>
            <Text style={[Styles.mt05]}>{text}</Text>
         </View>
      </TouchableWithoutFeedback>
   )
}