refactor

1 files changed, 31 insertions, 0 deletions

diff --git a/components/RemoveNoteButton.jsx b/components/RemoveNoteButton.jsx
new file mode 100644
index 0000000..d88d6b0
--- /dev/null
+++ b/components/RemoveNoteButton.jsx
@@ -0,0 +1,31 @@
+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;