From 31a8d46644606fe5778677d78c137decf5f5da45 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 11 Mar 2024 00:08:35 +0000
Subject: prep: Setup nativecn-ui

---
 components/ui/Input.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 components/ui/Input.tsx

(limited to 'components/ui/Input.tsx')

diff --git a/components/ui/Input.tsx b/components/ui/Input.tsx
new file mode 100644
index 00000000..6843917a
--- /dev/null
+++ b/components/ui/Input.tsx
@@ -0,0 +1,28 @@
+import { forwardRef } from "react";
+import { Text, TextInput, View } from "react-native";
+
+import { cn } from "@/lib/utils";
+
+export interface InputProps
+    extends React.ComponentPropsWithoutRef<typeof TextInput> {
+    label?: string;
+    labelClasses?: string;
+    inputClasses?: string;
+}
+
+const Input = forwardRef<React.ElementRef<typeof TextInput>, InputProps>(
+    ({ className, label, labelClasses, inputClasses, ...props }, ref) => (
+        <View className={cn("flex flex-col gap-1.5", className)}>
+            {label && <Text className={cn("text-base", labelClasses)}>{label}</Text>}
+            <TextInput
+                className={cn(
+                    inputClasses,
+                    "border border-input py-2.5 px-4 rounded-lg",
+                )}
+                {...props}
+            />
+        </View>
+    ),
+);
+
+export { Input };
-- 
cgit v1.2.3-70-g09d2

