/* Metro module 15780; source: modules/avatar/native/components/PresetAvatarSelect.tsx; dependencies: [31, 27, 33, 15781, 15782, 15783, 15784, 15785, 15786, 15787, 15788, 1244, 4501, 697, 4573, 5278, 5475, 2] */
function _fun121271(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#121271, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:6, offset: 0x0254300c, size: 743 bytes, params: 8, frame: 26
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    items2 = [importDefault(15781) /* metro dependency 15781: defaultAvatar1 */,
        importDefault(15782) /* metro dependency 15782: defaultAvatar2 */,
        importDefault(15783) /* metro dependency 15783: defaultAvatar3 */,
        importDefault(15784) /* metro dependency 15784: defaultAvatar4 */,
        importDefault(15785) /* metro dependency 15785: defaultAvatar5 */,
        importDefault(15786) /* metro dependency 15786: defaultAvatar6 */,
        importDefault(15787) /* metro dependency 15787: defaultAvatar7 */,
        importDefault(15788) /* metro dependency 15788: defaultAvatar8 */];
    const items3 = [{avatar: importDefault(15781) /* metro dependency 15781: defaultAvatar1 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t['u/VENK']);
    }}];
    items3[1] = {avatar: importDefault(15782) /* metro dependency 15782: defaultAvatar2 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t['pBx+d8']);
    }};
    items3[2] = {avatar: importDefault(15783) /* metro dependency 15783: defaultAvatar3 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t.vbERmz);
    }};
    items3[3] = {avatar: importDefault(15784) /* metro dependency 15784: defaultAvatar4 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t.Ecxz3Z);
    }};
    items3[4] = {avatar: importDefault(15785) /* metro dependency 15785: defaultAvatar5 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t.Jb8PYM);
    }};
    items3[5] = {avatar: importDefault(15786) /* metro dependency 15786: defaultAvatar6 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t['3h0yoI']);
    }};
    items3[6] = {avatar: importDefault(15787) /* metro dependency 15787: defaultAvatar7 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t.frIpZ5);
    }};
    items3[7] = {avatar: importDefault(15788) /* metro dependency 15788: defaultAvatar8 */, label: function() {
        return require(dependencyMap[11]).intl.string(require(dependencyMap[11]).t.zpfUeg);
    }};
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const object2 = {container: {'display': 'flex', 'alignItems': 'center', 'flex': 1},
        buttonsContainer: {'display': 'flex', 'flexDirection': 'row', 'marginTop': 20,
        'justifyContent': 'space-between'}};
    const object3 = {'height': 48, 'width': 48};
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xl;
    object2.defaultAvatarButton = object3;
    object2.defaultAvatarContainer = {'marginHorizontal': 8, 'width': 56, 'height': 56, 'padding': 2, 'borderWidth': 2,
        'borderRadius': 28, 'borderColor': 'transparent', 'display': 'flex', 'alignItems': 'center',
        'justifyContent': 'center'};
    const INTERACTIVE_TEXT_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_ACTIVE;
    object2.defaultAvatarSelected = {borderColor: INTERACTIVE_TEXT_ACTIVE};
    const env0_7 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/avatar/native/components/PresetAvatarSelect.tsx');
    exports.default = PresetAvatarSelect;
    exports.DEFAULT_AVATARS = items2;
    exports.DEFAULT_AVATARS_WITH_LABELS = items3;
}

function DefaultAvatarButton({source, onSelect, selected, accessibilityLabel}) { // fn#121272, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:1299, offset: 0x025432f3, size: 253 bytes, params: 2, frame: 22
    const styles = useStyles();
    const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
    const items2 = [styles.defaultAvatarContainer];
    items2[1] = selected ? styles.defaultAvatarSelected : undefined;
    const object = {selected: selected};
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    return (
        <PressableOpacity
            style={items2}
            accessibilityRole="button"
            accessibilityLabel={accessibilityLabel}
            accessibilityState={object}
            accessibilityHint={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.vw2RsD)}
            onPress={onSelect}
        >
            {((Component) => <Component style={styles.defaultAvatarButton} source={{uri: source}} />)(importDefault(5475) /* metro dependency 5475: FastImage */)}
        </PressableOpacity>
    );
}

function PresetAvatarSelect({onAvatarSelect, selectedAvatar}) { // fn#121281, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:1718, offset: 0x025435f0, size: 301 bytes, params: 2, frame: 24
    const styles = useStyles();
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    return (
        <View style={styles.container} accessibilityRole="list">
            <Text variant="text-sm/medium" color="text-default">
                {intl.string((require(1244) /* metro dependency 1244: indexNative */).t.yP28YL)}
            </Text>
            <View style={styles.buttonsContainer}>
                {[0, 1, 2, 3].map(_fun121282)}
            </View>
            <View style={styles.buttonsContainer}>
                {[4, 5, 6, 7].map(_fun121284)}
            </View>
        </View>
    );
}

function _fun121282(a0) { // fn#121282, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:2026, offset: 0x0254371d, size: 165 bytes, params: 2, frame: 21
    const env0_0 = a0;
    const {avatar, label} = env1_6[a0];
    const defaultAvatarButtonBindingProps = {source: avatar, onSelect: onSelect_121283, selected: selectedAvatar === a0};
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    defaultAvatarButtonBindingProps.accessibilityLabel = intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t['1K8jaQ'],
        {index: a0 + 1, description: label()});
    return <DefaultAvatarButton {...defaultAvatarButtonBindingProps} key={a0} />;
}

function _fun121284(a0) { // fn#121284, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:2300, offset: 0x025437c2, size: 165 bytes, params: 2, frame: 21
    const env0_0 = a0;
    const {avatar, label} = env1_6[a0];
    const defaultAvatarButtonBindingProps = {source: avatar, onSelect: onSelect_121285, selected: selectedAvatar === a0};
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    defaultAvatarButtonBindingProps.accessibilityLabel = intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t['1K8jaQ'],
        {index: a0 + 1, description: label()});
    return <DefaultAvatarButton {...defaultAvatarButtonBindingProps} key={a0} />;
}