react-native-country-picker-modal-xkelxmc/lib/CountryFilter.js

react-native country picker

import { jsx as _jsx } from "react/jsx-runtime";
import { TextInput, StyleSheet, Platform } from 'react-native';
import { useTheme } from './CountryTheme';
const styles = StyleSheet.create({
    input: {
        height: 48,
        width: '70%',
        ...Platform.select({
            web: {
                outlineWidth: 0,
                outlineColor: 'transparent',
                outlineOffset: 0,
            },
        }),
    },
});
export const CountryFilter = (props) => {
    const { filterPlaceholderTextColor, fontFamily, fontSize, onBackgroundTextColor, } = useTheme();
    return (_jsx(TextInput, { testID: 'text-input-country-filter', autoCorrect: false, placeholderTextColor: filterPlaceholderTextColor, style: [
            styles.input,
            { fontFamily, fontSize, color: onBackgroundTextColor },
        ], ...props }));
};
CountryFilter.defaultProps = {
    autoFocus: false,
    placeholder: 'Enter country name',
};
//# sourceMappingURL=CountryFilter.js.map