From b5fb0a1978eaa3d1fc6457a8c9b70741b65c2c66 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 11 Mar 2024 00:15:36 +0000
Subject: feature(mobile): A reasonablly looking signin form

---
 components/ui/Button.tsx |  2 +-
 components/ui/Input.tsx  | 32 ++++++++++++++++----------------
 2 files changed, 17 insertions(+), 17 deletions(-)

(limited to 'components/ui')

diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index 069fe116..4c3cbc69 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -50,7 +50,7 @@ const buttonTextVariants = cva("text-center font-medium", {
 
 interface ButtonProps
   extends React.ComponentPropsWithoutRef<typeof TouchableOpacity>,
-  VariantProps<typeof buttonVariants> {
+    VariantProps<typeof buttonVariants> {
   label: string;
   labelClasses?: string;
 }
diff --git a/components/ui/Input.tsx b/components/ui/Input.tsx
index 6843917a..6fc90b8f 100644
--- a/components/ui/Input.tsx
+++ b/components/ui/Input.tsx
@@ -4,25 +4,25 @@ 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;
+  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>
-    ),
+  ({ 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