import React from "react"; import { Text, StyleSheet, Pressable } from "react-native"; export default function Button(props) { const { onPress, title = "Button", color = "black" } = props; return ( [ { backgroundColor: pressed ? "rgb(210, 230, 255 )" : color ? color : "black", }, styles.button, ]} onPress={onPress} > {title} ); } const styles = StyleSheet.create({ button: { alignItems: "center", justifyContent: "center", paddingVertical: 12, paddingHorizontal: 32, borderRadius: 4, elevation: 3, }, text: { fontSize: 16, lineHeight: 21, fontWeight: "bold", letterSpacing: 0.25, color: "white", }, });