Implement scan MVP flow

src/components/PrimaryButton.js

@@ -1,16 +1,20 @@
 import { Pressable, StyleSheet, Text } from 'react-native';
 
-export default function PrimaryButton({ label, onPress }) {
+import { colors } from '../utils/constants';
+
+export default function PrimaryButton({ label, onPress, disabled = false }) {
   return (
     <Pressable
       accessibilityRole="button"
+      disabled={disabled}
       onPress={onPress}
       style={({ pressed }) => [
         styles.button,
-        pressed ? styles.buttonPressed : null
+        pressed ? styles.buttonPressed : null,
+        disabled ? styles.disabled : null
       ]}
     >
-      <Text style={styles.label}>{label}</Text>
+      <Text style={[styles.label, disabled ? styles.disabledLabel : null]}>{label}</Text>
     </Pressable>
   );
 }
@@ -18,7 +22,7 @@ export default function PrimaryButton({ label, onPress }) {
 const styles = StyleSheet.create({
   button: {
     alignItems: 'center',
-    backgroundColor: '#256f5b',
+    backgroundColor: colors.primary,
     borderRadius: 8,
     paddingHorizontal: 20,
     paddingVertical: 14
@@ -27,8 +31,14 @@ const styles = StyleSheet.create({
     opacity: 0.82
   },
   label: {
-    color: '#ffffff',
+    color: colors.surface,
     fontSize: 16,
     fontWeight: '700'
+  },
+  disabled: {
+    backgroundColor: colors.border
+  },
+  disabledLabel: {
+    color: colors.muted
   }
 });