import { 
  StyleSheet,
  Text, 
  TouchableHighlight 
} from "react-native";

const CoolButton = (props) => {
  return (
    <TouchableHighlight
      style={props.style || styles.button}
      onPress={props.onPress}>
      <Text
      style={styles.text}>{props.title}</Text>
    </TouchableHighlight>
  );
}

export default CoolButton

const styles = StyleSheet.create({
  button: {
    backgroundColor: 'lightblue',
    padding: 10,
    borderRadius: 5,
    borderColor: 'blue',
    borderWidth: 1,
  },
  text: {
    color: 'white',
    fontWeight: 'bold',
    textAlign: 'center',
  }
})