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

export default function Button(props) {
    return (
        <Pressable 
        onPress={props.onPress}
        style={styles.button}
        >
            <Text
            style={styles.text}
            >{props.title}</Text>
        </Pressable>
    );
}

const styles = StyleSheet.create({
    button: {
        backgroundColor: 'dodgerblue',
        paddingVertical: 8,
        paddingHorizontal: 8,
        borderRadius: 3,
        margin: 10,
        alignItems: 'center',
    },
    text: {
        color: 'white',
        fontSize: 14,
        textTransform: 'uppercase',
    },
});