text: import React from 'react';
  import {
      StyleSheet,
      Text,
      TouchableOpacity, View
  } from 'react-native';
  import theme from "../constants/Theme";
  
  export const LargeButton = ({ onPress, title, width }) => (
  
      <View style={styles.button}>
  
          <TouchableOpacity
              onPress={onPress}
              style={[styles.signIn, {
                  borderColor: theme.COLORS.DEFAULT,
                  borderWidth: 1,
                  backgroundColor: theme.COLORS.DEFAULT,
                  width: width
              }]}
          >
              <Text style={[styles.textSign, {
                  color: theme.COLORS.WHITE
              }]}>{title}</Text>
          </TouchableOpacity>
      </View>
  );
  
  
  const styles = StyleSheet.create({
      button: {
          alignItems: 'center',
          marginTop: 10,
          marginBottom: 10
      },
      signIn: {
          height: 50,
          justifyContent: 'center',
          alignItems: 'center',
          borderRadius: 10,
          elevation: 5
      },
      textSign: {
          fontSize: 18,
          fontWeight: 'bold'
      }
  });
  