import { StyleSheet, Text, View, Pressable } from 'react-native'

const RemoveNoteButton = ({ removeNote }) => (
  <View style={styles.buttonsContainer}>
    <View style={styles.button}>
      <Pressable onPress={removeNote}>
        <Text style={styles.buttonText}>Delete</Text>
      </Pressable>
    </View>
  </View>
);

const styles = StyleSheet.create({
  button: {
    width: 80,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'red',
  },
  buttonText: {
    fontWeight: 'bold',
    color: 'white',
  },
  buttonsContainer: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'flex-end',
  },
});

export default RemoveNoteButton;
