Button?

button.jsx

import React from 'react';
//testing
import {
	StyleSheet,
	Text,
	Image,
	TouchableOpacity,
} from 'react-native';

export default function Button (props) {
	return (
		<TouchableOpacity onPress={props.onPress} style={[style.button, props.buttonStyle]}>
			{ props.icon && <Image source={props.icon} style={[styles.icon, props.iconStyle]} /> }
			<Text style={[styles.text, props.textStyle]}>{props.children}</Text>
		</TouchableOpacity>
	)
}

const styles = StyleSheet.create({
	button: {
		alignItems: 'center',
		justifyContent: 'center',
		flexDirection: 'row',
		padding: 4,
	},
	icon: {
	
	},
	text: {

	},
});