apartment-clone/components/ButtonTest.tsx

36 lines
850 B
TypeScript

import { StyleSheet, Text, Pressable } from 'react-native'
import React from 'react'
import { appTheme } from "../theme";
export default function ButtonTest(props: any) {
const { onPress, title = 'Save', style } = props;
return (
<Pressable style={style.button} onPress={onPress}>
<Text style={style.text}>
{title}
</Text>
</Pressable>
);
}
const styles = StyleSheet.create({
button: {
alignItems: 'center',
justifyContent: 'center',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 4,
elevation: 3,
backgroundColor: appTheme["color-primary-500"],
},
text: {
fontSize: 16,
lineHeight: 21,
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
})