🍴Add Styling Option for dropdown list item container and set correct type for text styles

index.d.ts

@@ -1,62 +1,72 @@
-import {ViewStyle, TextStyle} from 'react-native';
-
+import React from "react";
+import { ViewStyle, TextStyle } from "react-native";
 
 export interface CountryCodeProps {
-    /**
-    * Selected Country Dial Code
-    */
-    selected: string,
-     /**
-    * Function to set the country
-    */
-     setSelected: React.Dispatch<React.SetStateAction<undefined>>,
-      /**
-    * Function to set the country
-    */
-      setCountryDetails?: React.Dispatch<React.SetStateAction<undefined>>,
-     /**
-    * State variable for storing the phone number
-    */
-     phone?: string,
-     /**
-    * Function to set the phone number state variable
-    */
-     setPhone?: React.Dispatch<React.SetStateAction<undefined>>,
-     /**
-    * Style the Country Code Container 
-    */
-     countryCodeContainerStyles?: ViewStyle,
-     /**
-    * Style the text inside Country Code 
-    */
-     countryCodeTextStyles?: TextStyle,
-     /**
-    * Phone Text Input Styles
-    */
-     phoneStyles?: ViewStyle,
-    /**
-    * URL for the search Icon
-    */
-    searchIcon?: string,
-    /**
-    * URL for the close Icon
-    */
-    closeIcon?: string,
-    /**
-    * Search Input Container Styles
-    */
-    searchStyles?: ViewStyle,
-    /**
-    * Search Input Text Styles
-    */
-    searchTextStyles?: TextStyle,
-     /**
-    * Search Dropdown Container Styles
-    */
-     dropdownStyles?: ViewStyle,
-     /**
-    * Search Dropdown Text Styles
-    */
-     dropdownTextStyles?: TextStyle
+  /**
+   * Selected Country Dial Code
+   */
+  selected: string;
+  /**
+   * Function to set the country
+   */
+  setSelected: React.Dispatch<React.SetStateAction<undefined>>;
+  /**
+   * Function to set the country
+   */
+  setCountryDetails: React.Dispatch<React.SetStateAction<undefined>>;
+  /**
+   * State variable for storing the phone number
+   */
+  phone?: string;
+  /**
+   * Function to set the phone number state variable
+   */
+  setPhone?: React.Dispatch<React.SetStateAction<undefined>>;
+  /**
+   * Style the Country Code Container
+   */
+  countryCodeContainerStyles?: ViewStyle;
+  /**
+   * Style the text inside Country Code
+   */
+  countryCodeTextStyles?: TextStyle;
+  /**
+   * Phone Text Input Styles
+   */
+  phoneStyles?: ViewStyle;
+  /**
+   * URL for the search Icon
+   */
+  searchIcon?: string;
+  /**
+   * URL for the close Icon
+   */
+  closeIcon?: string;
+  /**
+   * Search Input Container Styles
+   */
+  searchStyles?: ViewStyle;
+  /**
+   * Search Input Text Styles
+   */
+  searchTextStyles?: TextStyle;
+  /**
+   * Search Dropdown Container Styles
+   */
+  dropdownStyles?: ViewStyle;
+  /**
+   * Search Dropdown Text Styles
+   */
+  dropdownTextStyles?: TextStyle;
+  /**
+   * Search Dropdown List Item Styles
+   */
+  dropdownTextContainerStyles?: ViewStyle;
+}
 
-}
+export interface CountryCodeDropdownItemProps {
+  name: string;
+  dial_code: string;
+  code: string;
+  flag: string;
+}