import React, {useState} from 'react';

import TextField from 'react-native-material-textfield/src/components/field';
import {StyleSheet} from 'react-native';
import {View, Text, Button, Picker} from 'native-base';
import Icon from 'react-native-vector-icons/FontAwesome5';

const IconedButton = props => {
  return (
    <Button bordered style={styles.button} onPress={props.onPress}>
      <Icon name={props.icon} size={20} color={'blue'} />
    </Button>
  );
};

const styles = StyleSheet.create({
  button: {
    width: 40,
    height: 40,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default IconedButton;