text: import React from "react";
  import {
    Image,
    StyleSheet,
    Text,
    TouchableHighlight,
    View
  } from "react-native";
  import { AppStyles } from "../AppStyles";
  
  export default class MenuButton extends React.Component {
    constructor(props) {
      super(props);
    }
  
    render() {
      return (
        <TouchableHighlight
          onPress={this.props.onPress}
          style={styles.btnClickContain}
          underlayColor="rgba(128, 128, 128, 0.1)"
        >
          <View style={styles.btnContainer}>
            <Image source={this.props.source} style={styles.btnIcon} />
            <Text style={styles.btnText}>{this.props.title}</Text>
          </View>
        </TouchableHighlight>
      );
    }
  }
  
  const styles = StyleSheet.create({
    btnClickContain: {
      flexDirection: "row",
      padding: 5,
      marginTop: 5,
      marginBottom: 5
    },
    btnContainer: {
      flex: 1,
      flexDirection: "row",
      alignItems: "flex-start"
    },
    btnIcon: {
      height: 25,
      width: 25
    },
    btnText: {
      fontFamily: AppStyles.fontName.bold,
      fontSize: 16,
      marginLeft: 10,
      marginTop: 2
    }
  });
  