feat: dialog box

packages/ui/components/Button.tsx

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import { Text, Pressable } from "react-native";
+
+export interface ButtonProps {
+  children: ReactNode;
+  onPress?: () => void;
+  variant?: 'default' | 'secondary' | 'destructive';
+}
+
+const STYLES: Record<NonNullable<ButtonProps['variant']>, { backgroundColor: string, color: string }> = {
+  default: { backgroundColor: 'black', color: 'white' },
+  secondary: { backgroundColor: '#ccc', color: 'black' },
+  destructive: { backgroundColor: 'red', color: 'white' },
+};
+
+export function Button({ children, variant, onPress }: ButtonProps) {
+  const { backgroundColor, color } = STYLES[variant || "default"];
+
+  return <Pressable onPress={onPress} style={{ backgroundColor }}>
+    <Text style={{ fontFamily: 'mono', color }}>  {children}  </Text>
+  </Pressable>
+}