/* 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] */
import FastImage from '../../../../components_native/common/FastImage.tsx'; /* Metro dependency 5475 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as IndexNativeModule from '../../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as TextModule from '../../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as PressablesModule from '../../../../design/void/Pressables/native/Pressables.tsx'; /* Metro dependency 5278 */

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});
    ReactModule;
    let value = JsxRuntimeModule;
    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 object = {container: {'display': 'flex', 'alignItems': 'center', 'flex': 1},
        buttonsContainer: {'display': 'flex', 'flexDirection': 'row', 'marginTop': 20,
        'justifyContent': 'space-between'}};
    const object4 = {'height': 48, 'width': 48};
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xl;
    object.defaultAvatarButton = object4;
    object.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;
    object.defaultAvatarSelected = {borderColor: INTERACTIVE_TEXT_ACTIVE};
    const env0_7 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).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 = (PressablesModule).PressableOpacity;
        const items2 = [styles.defaultAvatarContainer];
        items2[1] = selected ? styles.defaultAvatarSelected : undefined;
        const object2 = {selected: selected};
        const intl = (IndexNativeModule).intl;
        return (
            <PressableOpacity
                style={items2}
                accessibilityRole="button"
                accessibilityLabel={accessibilityLabel}
                accessibilityState={object2}
                accessibilityHint={intl.string((IndexNativeModule).t.vw2RsD)}
                onPress={onSelect}
            >
                {((Component) => <Component style={styles.defaultAvatarButton} source={{uri: source}} />)(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 = (TextModule).Text;
        const intl = (IndexNativeModule).intl;
        return (
            <View style={styles.container} accessibilityRole="list">
                <Text variant="text-sm/medium" color="text-default">
                    {intl.string((IndexNativeModule).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 onSelect_121283() { // fn#121283, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:2110, offset: 0x0102838e, size: 23 bytes, params: 1, frame: 11
                return onAvatarSelect(env0_0);
            }

        }

        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} />;
            function onSelect_121285() { // fn#121285, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15988:2384, offset: 0x0102838e, size: 23 bytes, params: 1, frame: 11
                return onAvatarSelect(env0_0);
            }

        }

    }

}

global.__d(_fun121271, 15780, [31, 27, 33, 15781, 15782, 15783, 15784, 15785, 15786, 15787, 15788, 1244, 4501, 697,
        4573, 5278, 5475,
        2]) /* metro module 15780, dependencies: [31, 27, 33, 15781, 15782, 15783, 15784, 15785, 15786, 15787, 15788, 1244, 4501, 697, 4573, 5278, 5475, 2] */;