Fuck

nazara/packages/ui/src/button.tsx

@@ -1,20 +1,37 @@
-"use client";
+import * as React from "react";
+import {
+  StyleSheet,
+  GestureResponderEvent,
+  Text,
+  Pressable,
+} from "react-native";
 
-import { ReactNode } from "react";
-
-interface ButtonProps {
-  children: ReactNode;
-  className?: string;
-  appName: string;
+export interface ButtonProps {
+  text: string;
+  onClick?: (event: GestureResponderEvent) => void;
 }
 
-export const Button = ({ children, className, appName }: ButtonProps) => {
+export function Button({ text, onClick }: ButtonProps) {
   return (
-    <button
-      className={className}
-      onClick={() => alert(`Hello from your ${appName} app!`)}
-    >
-      {children}
-    </button>
+    <Pressable style={styles.button} onPress={onClick}>
+      <Text style={styles.text}>{text}</Text>
+    </Pressable>
   );
-};
+}
+
+const styles = StyleSheet.create({
+  button: {
+    maxWidth: 200,
+    textAlign: "center",
+    borderRadius: 10,
+    paddingTop: 14,
+    paddingBottom: 14,
+    paddingLeft: 30,
+    paddingRight: 30,
+    fontSize: 15,
+    backgroundColor: "#2f80ed",
+  },
+  text: {
+    color: "white",
+  },
+});

nazara/packages/ui/src/index.tsx

@@ -0,0 +1 @@
+export { Button, type ButtonProps } from "./button";