text: import React from 'react';
  import { Text, TouchableOpacity } from 'react-native';
  
  const Button = ({ onPress, children }) => {
    const { buttonStyle, textStyle } = styles;
  
    return (
      <TouchableOpacity style={buttonStyle} onPress={onPress}>
        <Text style={textStyle}> {children} </Text>
      </TouchableOpacity>
    );
  };
  
  const styles = {
    buttonStyle: {
      backgroundColor: '#007aff',
      borderRadius: 5,
      borderWidth: 1,
      marginLeft: 5,
      marginRight: 5
    },
    textStyle: {
      alignSelf: 'center', //centers itself
      color: '#fff',
      fontSize: 16,
      fontWeight: '600',
      paddingTop: 10,
      paddingBottom: 10
    }
  };
  
  export { Button };
  