From bd59e7b23d88f6e8ff33dc6fe1ae7a8985b5fa55 Mon Sep 17 00:00:00 2001
From: Tide <stargamerminer@gmail.com>
Date: Tue, 20 Dec 2022 23:46:33 +0000
Subject: [PATCH] fix: Added support for Selection color & Placeholder Syle

---
 src/TextInput/index.tsx | 16 +++++++++++++++-
 src/TextInput/model.ts  |  1 +
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/TextInput/index.tsx b/src/TextInput/index.tsx
index 0738198..7d0e664 100644
--- a/src/TextInput/index.tsx
+++ b/src/TextInput/index.tsx
@@ -42,6 +42,7 @@ const TextInputComponent: InputProps = (props) => {
     numeric,
     textError,
     focusColor,
+    selectionColor,
     onFocus,
     onBlur,
     onChangeText = (_value: string) => {},
@@ -176,6 +177,18 @@ const TextInputComponent: InputProps = (props) => {
     }
   }, [isFocus, text.length, label, focusColor, labelStyle, placeholderStyle]);
 
+  const stylePlaceholder: StyleProp<TextStyle> = useMemo(() => {
+    if (!isFocus || (text.length <=0 && placeholder)) {
+      const style: any = placeholderStyle;
+      return {
+        position: 'absolute',
+        ...style,
+      };
+    } else {
+      return;
+    }
+  }, [isFocus, text.length, placeholder]);
+
   return (
     <>
       <View style={[styles.container, style, colorFocus]}>
@@ -188,10 +201,11 @@ const TextInputComponent: InputProps = (props) => {
             <TextInput
               secureTextEntry={textEntry}
               {...props}
-              style={[styles.input, inputStyle, font()]}
+              style={[styles.input, inputStyle, stylePlaceholder, font()]}
               value={text}
               placeholder={isFocus || !label ? placeholder : ''}
               placeholderTextColor={placeholderTextColor}
+              selectionColor={selectionColor ? selectionColor : '#ffffff'}
               onChangeText={onChange}
               onFocus={onFocusCustom}
               onBlur={onBlurCustom}
diff --git a/src/TextInput/model.ts b/src/TextInput/model.ts
index 175873a..4fcd120 100644
--- a/src/TextInput/model.ts
+++ b/src/TextInput/model.ts
@@ -22,6 +22,7 @@ interface Props extends TextInputProps {
   showIcon?: boolean;
   numeric?: boolean;
   focusColor?: string;
+  selectionColor?: string;
   onFocus?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
   onBlur?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
   renderRightIcon?: () => JSX.Element | null | undefined;