/* Metro module 7682; source: design/components/Input/native/Input.native.tsx; dependencies: [31, 27, 33, 4501, 697, 1244, 4573, 7683, 2] */
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 */

function _fun61359(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#61359, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7860:6, offset: 0x01b3ca5d, size: 422 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = JsxRuntimeModule;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    const object2 = {flexDirection: 'row'};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object2.gap = PX_8;
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.marginTop = PX_4;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.marginBottom = PX_4;
    object.inputRow = object2;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.labelWrapper = {'marginBottom': null, 'flexDirection': 'row', 'alignItems': 'center', marginBottom: PX_4};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.label = {marginBottom: PX_4};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.description = {marginTop: PX_4};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.error = {marginTop: PX_4, width: 'auto'};
    const env0_5 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('design/components/Input/native/Input.native.tsx');
    exports.Input = Input;
    function Input({label, labelTrailing, labelId, description, errorMessage, children, containerStyle, required}) { // fn#61360, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7860:596, offset: 0x01b3cc03, size: 652 bytes, params: 2, frame: 34
        var r14;
        var intl;
        const styles = useStyles();
        if (typeof label !== 'string') {
            r14 = undefined;
        } else if (required !== true) {
            r14 = undefined;
        } else {
            intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
            r14 = '' + label + ' (' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy) + ')';
        }
        const items3 = [
            label != null
                ? (
                    labelTrailing != null
                        ? (
                            <View style={styles.labelWrapper}>
                                {((Text) => <Text variant="text-sm/semibold" color="text-subtle" nativeID={labelId}>{label}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}
                                {labelTrailing}
                            </View>
                        )
                        : ((Text) => <Text variant="text-sm/semibold" color="text-subtle" style={styles.label} nativeID={labelId} accessibilityLabel={r14}>{label}{required ? ((Text) => <Text variant="text-sm/bold" color="text-feedback-critical" {...{'aria-hidden': true}}>{' '}{'*'}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : null}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)
                )
                : null,
        ];
        items3[1] = (
            <View style={styles.inputRow}>
                {children}
            </View>
        );
        items3[2] = (
            description != null
                ? ((Text) => <Text variant="text-xs/medium" color="text-muted" style={styles.description}>{description}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)
                : null
        );
        items3[3] = (
            errorMessage != null
                ? ((ErrorText) => <ErrorText style={styles.error}>{errorMessage}</ErrorText>)((require(7683) /* metro dependency 7683: ErrorTextNative */).ErrorText)
                : null
        );
        return (
            <View style={containerStyle}>
                {items3}
            </View>
        );
    }

}

global.__d(_fun61359, 7682, [31, 27, 33, 4501, 697, 1244, 4573, 7683,
        2]) /* metro module 7682, dependencies: [31, 27, 33, 4501, 697, 1244, 4573, 7683, 2] */;