26 lines
714 B
JavaScript
26 lines
714 B
JavaScript
|
import {View, Text, Pressable} from "react-native";
|
||
|
|
|
||
|
|
|
||
|
|
const Button = ({text, color = "#E5352D", style, ...props}) => {
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Pressable {...props}>
|
||
|
|
<View style={{
|
||
|
|
paddingTop: 20,
|
||
|
|
paddingBottom: 20,
|
||
|
|
borderRadius: 20,
|
||
|
|
display: "flex",
|
||
|
|
borderColor: color,
|
||
|
|
color: color,
|
||
|
|
borderStyle: 'solid',
|
||
|
|
borderWidth: 2,
|
||
|
|
marginBottom: 16,
|
||
|
|
...style
|
||
|
|
}}>
|
||
|
|
<Text style={{fontWeight: "bold", color, fontSize: 16, textAlign: "center"}}>{text}</Text>
|
||
|
|
</View>
|
||
|
|
</Pressable>
|
||
|
|
|
||
|
|
)
|
||
|
|
}
|
||
|
|
export default Button
|