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

react-native country picker

import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { Emoji } from './Emoji';
import { useContext } from './CountryContext';
import { useAsync } from 'react-async-hook';
import { Image, StyleSheet, PixelRatio, Text, View, ActivityIndicator, } from 'react-native';
const styles = StyleSheet.create({
    container: {
        justifyContent: 'center',
        alignItems: 'center',
        width: 30,
        marginRight: 10,
    },
    emojiFlag: {
        alignItems: 'center',
        justifyContent: 'center',
        borderWidth: 1 / PixelRatio.get(),
        borderColor: 'transparent',
        backgroundColor: 'transparent',
    },
    imageFlag: {
        resizeMode: 'contain',
        width: 25,
        height: 19,
        borderWidth: 1 / PixelRatio.get(),
        opacity: 0.8,
    },
});
const ImageFlag = memo(({ countryCode, flagSize }) => {
    const { getImageFlagAsync } = useContext();
    const asyncResult = useAsync(getImageFlagAsync, [countryCode]);
    if (asyncResult.loading) {
        return _jsx(ActivityIndicator, { size: 'small' });
    }
    return (_jsx(Image, { resizeMode: 'contain', style: [
            styles.imageFlag,
            { borderColor: 'transparent', height: flagSize },
        ], source: { uri: asyncResult.result } }));
});
const EmojiFlag = memo(({ countryCode, flagSize }) => {
    const { getEmojiFlagAsync } = useContext();
    const asyncResult = useAsync(getEmojiFlagAsync, [countryCode]);
    if (asyncResult.loading) {
        return _jsx(ActivityIndicator, { size: 'small' });
    }
    return (_jsx(Text, { style: [styles.emojiFlag, { fontSize: flagSize }], allowFontScaling: false, children: _jsx(Emoji, { name: asyncResult.result }) }));
});
export const Flag = ({ countryCode, withEmoji, withFlagButton, flagSize, }) => withFlagButton ? (_jsx(View, { style: styles.container, children: withEmoji ? (_jsx(EmojiFlag, { countryCode, flagSize })) : (_jsx(ImageFlag, { countryCode, flagSize })) })) : null;
Flag.defaultProps = {
    withEmoji: true,
    withFlagButton: true,
};
//# sourceMappingURL=Flag.js.map