Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | 1x 1x 1x 1x 1x | import type { ButtonProps } from './ButtonProps';
import { StyleSheet, Text, TouchableOpacity } from 'react-native';
/**
* Primary UI component for user interaction
*/
export const Button = (props: ButtonProps): JSX.Element => {
const { onPress, text } = props;
return (
<TouchableOpacity style={styles.container} onPress={onPress}>
<Text>{text}</Text>
</TouchableOpacity>
);
};
const borderColor = 'lightgrey';
const styles = StyleSheet.create({
container: {
alignSelf: 'flex-start',
borderColor,
borderRadius: 2,
borderWidth: 1,
paddingHorizontal: 32,
paddingVertical: 8,
},
});
|