From b25fc7ba9b9133486e091558d4e16acf3141caf8 Mon Sep 17 00:00:00 2001
From: PAraujo-proGrow <122884355+PAraujo-proGrow@users.noreply.github.com>
Date: Tue, 17 Jun 2025 10:59:44 +0000
Subject: [PATCH] fix: fix show country flag

The CountryPicker component render the country flag using the component FlagButton
---
 src/PhoneInput/PhoneInput.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/PhoneInput/PhoneInput.tsx b/src/PhoneInput/PhoneInput.tsx
index 3cb5e42..675c862 100644
--- a/src/PhoneInput/PhoneInput.tsx
+++ b/src/PhoneInput/PhoneInput.tsx
@@ -4,7 +4,7 @@ import CountryPicker, {
   CountryModalProvider,
   DARK_THEME,
   DEFAULT_THEME,
-  Flag,
+  FlagButton,
 } from 'react-native-country-picker-modal';
 import MaskInput from 'react-native-mask-input';
 import { EXCLUDED_COUNTRIES } from './constants';
@@ -43,9 +43,10 @@ export const PhoneInput: React.FC<PhoneInputProps> = (props) => {
 
   const renderFlagButton = useCallback(
     () => (
-      <Flag
+      <FlagButton
         countryCode={countryCode}
         flagSize={flagProps?.flagSize || DEFAULT_THEME.flagSize}
+        placeholder={countryCode}
         {...flagProps}
       />
     ),