Patch Work and new prop added to style search text field

Author: mmusaib

README.md

@@ -90,7 +90,8 @@ For Live `Demo` [(Expo Snack)](https://snack.expo.dev/@mmusaib/react-native-drop
 | phoneStyles | style object | style object to style the text input of phone field (Optional) | N/A
 | searchIcon | string | URL of the icon if you want to replace the search icon (Optional) | N/A
 | closeIcon | string | URL of the icon if you want to replace the close icon (Optional) | N/A
-| searchStyles | style object | style object to style the search input field (Optional) | N/A
+| searchStyles | style object | style object to style the search field (Optional) | N/A
+| searchTextStyles | style object | style object to style the search text input field (Optional) | N/A
 | dropdownStyles | style object | style object to style the dropdown container (Optional) | N/A
 | dropdownTextStyles | style object | style object to style the text inside dropdown container (Optional) | N/A
 

index.d.ts

@@ -43,9 +43,13 @@ export interface CountryCodeProps {
     */
     closeIcon?: string,
     /**
-    * Search Input Text Styles
+    * Search Input Container Styles
     */
     searchStyles?: ViewStyle,
+    /**
+    * Search Input Text Styles
+    */
+    searchTextStyles?: ViewStyle,
      /**
     * Search Dropdown Container Styles
     */

index.tsx

@@ -72,6 +72,7 @@ const CountryCodeDropdownPicker: React.FC<CountryCodeProps> = ({
     searchIcon,
     closeIcon,
     searchStyles={},
+    searchTextStyles={},
     dropdownStyles={},
     dropdownTextStyles={},
 }) => {
@@ -146,11 +147,11 @@ const CountryCodeDropdownPicker: React.FC<CountryCodeProps> = ({
             )
         }else{
             return(
-                <View style={styles.inputBoxContainer}>
+                <View style={[styles.inputBoxContainer, searchStyles]}>
                     <View style={[styles.row, {width: '90%'}]}>
                         <Image source={_static.search} resizeMode={'contain'} style={[styles.icon, {width: 15, height: 15, marginLeft: 10}]} />
                         <TextInput  
-                            style={[{ marginLeft: 5, paddingVertical: 3, flex: 1 }, searchStyles]}
+                            style={[{ marginLeft: 5, paddingVertical: 3, flex: 1 }, searchTextStyles]}
                             onChangeText={ _searchCountry }
                             value={ _search }
                         />