feat: add auth to context

packages/react-native-opentui/index.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ViewProps, TextProps } from "react-native";
+import type { ViewProps, TextProps, PressableProps } from "react-native";
 
 export function View({ children, style }: ViewProps) {
   const bg = style &&
@@ -22,9 +22,42 @@ export function View({ children, style }: ViewProps) {
     : undefined;
 
   return <box backgroundColor={bg} flexDirection={flexDirection} flexGrow={flex}>{children}</box>
-
 }
 
+export function Pressable({ children: childrenRaw, style, onPress }: PressableProps) {
+  const bg = style &&
+    'backgroundColor' in style
+    ? typeof style.backgroundColor == 'string'
+    ? style.backgroundColor
+    : undefined
+    : undefined;
+  const flexDirection = style &&
+    'flexDirection' in style
+    ? typeof style.flexDirection == 'string'
+    ? style.flexDirection
+    : undefined
+    : undefined;
+  const flex = style &&
+    'flex' in style
+    ? typeof style.flex == 'number'
+    ? style.flex
+    : undefined
+    : undefined;
+
+  const children = childrenRaw instanceof Function ? childrenRaw({ pressed: true }) : childrenRaw;
+
+  return <box
+    backgroundColor={bg}
+    flexDirection={flexDirection}
+    flexGrow={flex}
+    onMouseDown={onPress ? ((_event) => {
+      // @ts-ignore
+      onPress();
+    }) : undefined}
+  >{children}</box>
+}
+
+
 export function Text({ style, children }: TextProps) {
   const fg = style &&
     'color' in style