card for modal

src/themes/Theme.tsx

 import { createTheme } from "@shopify/restyle";
+import { Dimensions } from "react-native";
 
 const palette = {
 	purpleLight: "#8C6FF7",
@@ -128,6 +129,23 @@ const theme = createTheme({
 			shadowRadius: 10,
 			elevation: 5,
 		},
+		modal: {
+			width: 300,
+			// height: 200,
+			backgroundColor: "white",
+			alignItems: "center",
+			justifyContent: "center",
+			alignSelf: "center",
+			top: Dimensions.get("window").height / 2 - 150,
+			position: "absolute",
+			zIndex: 10,
+			borderRadius: 15,
+			gap: "m",
+			shadowColor: "black",
+			shadowOffset: { width: 0, height: 0 },
+			shadowOpacity: 0.5,
+			p: "m",
+		},
 	},
 	buttonVariants: {
 		defaults: {