Working on login screen

frontend/components/Button.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { Text, StyleSheet, Pressable } from "react-native";
+
+export default function Button(props) {
+  const { onPress, title = "Save", color = "black" } = props;
+  return (
+    <Pressable
+      style={[styles.button, { backgroundColor: color }]}
+      onPress={onPress}
+    >
+      <Text style={styles.text}>{title}</Text>
+    </Pressable>
+  );
+}
+
+const styles = StyleSheet.create({
+  button: {
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: "black",
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: "bold",
+    letterSpacing: 0.25,
+    color: "white",
+  },
+});

frontend/components/style.js

@@ -0,0 +1,8 @@
+export const colors = {
+  gold: "#FFD700ff",
+  brown: "#8B4513ff",
+  green: "#228B22ff",
+  charcoal: "#2C3E50ff",
+  black: "#020405ff",
+  dark: "#010611",
+};