/* Metro module 7682; source: design/components/Input/native/Input.native.tsx; dependencies: [31, 27, 33, 4501, 697, 1244, 4573, 7683, 2] */
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
    var object3;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object3 = {};
    const object4 = {flexDirection: 'row'};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object4.gap = PX_8;
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object4.marginTop = PX_4;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object4.marginBottom = PX_4;
    object3.inputRow = object4;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object3.labelWrapper = {'marginBottom': null, 'flexDirection': 'row', 'alignItems': 'center', marginBottom: PX_4};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object3.label = {marginBottom: PX_4};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object3.description = {marginTop: PX_4};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object3.error = {marginTop: PX_4, width: 'auto'};
    const env0_5 = Reflect.apply(createStyles, value, [object3]);
    (require(2) /* metro dependency 2 */).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>
    );
}