From 20465611f837d2af208c3687470c2392c944d913 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Wed, 24 Apr 2024 23:44:53 +0000
Subject: [PATCH] a basic, nice input component

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

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
new file mode 100644
index 0000000..e535520
--- /dev/null
+++ b/src/components/Input.tsx
@@ -0,0 +1,21 @@
+import { TextInput } from "react-native";
+import type { TextInputProps } from "react-native";
+import Box from "./bases/Box";
+import Text from "./bases/Text";
+
+type Props = TextInputProps & {
+	label: string;
+};
+
+const Input = ({ label, ...rest }: Props) => {
+	return (
+		<Box>
+			<Text color={"gray"}>{label}</Text>
+			<Box backgroundColor={"lightGray"} height={50} borderRadius={10} my={"m"} p={"s"}>
+				<TextInput style={{ height: "100%" }} {...rest} />
+			</Box>
+		</Box>
+	);
+};
+
+export default Input;
--
libgit2 0.27.1