Update README.md

Author: lkant8

README.md

@@ -36,72 +36,60 @@ Languages:
 
 ```kotlin
 @Composable
-fun MCodeCountryCodePicker(
-    modifier: Modifier = Modifier,
-    text: String,
-    onValueChange: (String) -> Unit,
-    shape: Shape = RoundedCornerShape(24.dp),
-    color: Color = MaterialTheme.colors.background,
-    showCountryCode: Boolean = true,
-    showCountryFlag: Boolean = true,
-    focusedBorderColor: Color = MaterialTheme.colors.primary,
-    unfocusedBorderColor: Color = MaterialTheme.colors.onSecondary,
-    cursorColor: Color = MaterialTheme.colors.primary,
-    bottomStyle: Boolean = false
-)
+ CountryTextField(
+                label = stringResource(R.string.select_country_text),
+                modifier = Modifier
+                    .padding(top = 50.dp)
+                    .align(Alignment.TopCenter),
+                expanded = expanded,
+                selectedCountry = selectedCountry,
+                defaultSelectedCountry = countryList(LocalContext.current).single { it.code == "IN" }
+            ) {
+	    
+	    }
 
 ```  
 
 <h3> EXAMPLE </h3>
 
 
 ```kotlin
-
-@Composable
-fun CountryCodePick() {
-    Column(
-        modifier = Modifier
-            .verticalScroll(rememberScrollState())
-            .fillMaxSize(),
-        verticalArrangement = Arrangement.Center,
-        horizontalAlignment = Alignment.CenterHorizontally
-    ) {
-
-        val phoneNumber = rememberSaveable { mutableStateOf("") }
-        val fullPhoneNumber = rememberSaveable { mutableStateOf("") }
-        val onlyPhoneNumber = rememberSaveable { mutableStateOf("") }
-
-        MCodeCountryCodePicker(
-            text = phoneNumber.value,
-            onValueChange = { phoneNumber.value = it },
-            unfocusedBorderColor = MaterialTheme.colors.primary,
-            bottomStyle =false,
-            shape = RoundedCornerShape(24.dp)
-        )
-        Spacer(modifier = Modifier.height(10.dp))
-        Button(onClick = {
-            if (!isPhoneNumber()) {
-                fullPhoneNumber.value = getFullPhoneNumber()
-                onlyPhoneNumber.value = getOnlyPhoneNumber()
-            } else {
-                fullPhoneNumber.value = "Error"
-                onlyPhoneNumber.value = "Error"
-            }
+    Box {
+        var expanded by remember { mutableStateOf(false) }
+        var selectedCountry by remember { mutableStateOf<Country?>(null) }
+        val focusManager = LocalFocusManager.current
+
+        CountryPickerBottomSheet(title = {
+            Text(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp),
+                text = "Select Country", textAlign = TextAlign.Center,
+                fontWeight = FontWeight.Bold,
+                fontSize = 20.sp
+            )
+        }, expanded, onDismissRequest = {
+            expanded = false
+        }, onItemSelected = {
+            selectedCountry = it
+            expanded = false
+            focusManager.clearFocus()
         }) {
-            Text(text = "Check")
-        }
+            CountryTextField(
+                label = "Select country",
+                modifier = Modifier
+                    .padding(top = 50.dp)
+                    .align(Alignment.TopCenter),
+                expanded,
+                defaultSelectedCountry = countryList(LocalContext.current).single { it.code == "IN" },
+                selectedCountry
+            ) {
+                expanded = !expanded
+            }
 
-        Text(
-            text = "Full Phone Number: ${fullPhoneNumber.value}",
-            color = if (getErrorStatus()) Color.Red else Color.Green
-        )
+        }
 
-        Text(
-            text = "Only Phone Number: ${onlyPhoneNumber.value}",
-            color = if (getErrorStatus()) Color.Red else Color.Green
-        )
     }
-}
 
 ```