react-native-country-picker-modal
Version:
react-native country picker
28 lines • 989 B
JavaScript
import React from 'react';
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 (React.createElement(TextInput, Object.assign({ 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