React-Nav-Melon/components/atoms/ButtonWrapper.js

import { StyleSheet, Text, View, TouchableWithoutFeedback} from 'react-native'
import React from 'react'

const ButtonWrapper = ({ onPress, children, buttonStyle}) => {
    return (
        <TouchableWithoutFeedback onPress={onPress}>
            <View style={[styles.buttonStyle, buttonStyle]}>
                {children}
            </View>
        </TouchableWithoutFeedback>
    )
}

export default ButtonWrapper

const styles = StyleSheet.create({
    buttonStyle: {
        alignItems: 'center',
        justifyContent: 'center',
        height: 'auto',
        width: 'auto'
    }, 
})