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',
    },

})