/* Metro module 12757; source: design/void/EmptyState/native/EmptyState.tsx; dependencies: [31, 27, 33, 4501, 697, 4002, 4573, 2] */
function _fun97518(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97518, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12947:6, offset: 0x021856e9, size: 304 bytes, params: 8, frame: 21
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_2 = value.View;
    const env0_3 = value.Image;
    value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const BACKGROUND_BASE_LOWER = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWER;
    const env0_6 = Reflect.apply(createStyles, value, [{container: {'flex': 1, 'justifyContent': 'center',
        'alignItems': 'center', 'paddingHorizontal': 36, 'paddingBottom': 80, backgroundColor: BACKGROUND_BASE_LOWER},
        emptyImage: {'flex': 1, 'maxWidth': 300, 'maxHeight': 200}, emptyTitle: {'marginTop': 20,
        'textTransform': 'uppercase'}, emptyBody: {'textAlign': 'center', 'marginTop': 8}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/EmptyState/native/EmptyState.tsx');
    exports.default = EmptyState_97519;
}

function EmptyState_97519(a0) { // fn#97519, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12947:570, offset: 0x02185819, size: 528 bytes, params: 2, frame: 28
    var r8;
    var moduleValue2;
    const styles = useStyles();
    const sharedModule = require(4002) /* metro dependency 4002: shared */;
    const useThemeContext = sharedModule.useThemeContext;
    const theme = Reflect.apply(useThemeContext, sharedModule, []).theme;
    const Illustration = a0.Illustration;
    const value2 = null;
    if (value2 != Illustration) {
        r8 = ((Illustration) => <Illustration accessible={false} importantForAccessibility="no" accessibilityRole="none" resizeMode="contain" style={[styles.emptyImage,
            
            a0.imageStyle]} />)(a0.Illustration);
    } else if (value2 != a0.lightSource && value2 != a0.darkSource) {
        moduleValue2 = sharedModule;
        r8 = <Image resizeMode="contain" source={moduleValue2.isThemeLight(theme) ? a0.lightSource : a0.darkSource} style={[styles.emptyImage,
            
            a0.imageStyle]} />;
    } else {
        r8 = value2;
    }
    const style = a0.style;
    const body = a0.body;
    const title = a0.title;
    const children = a0.children;
    const bodyStyle = a0.bodyStyle;
    const titleStyle = a0.titleStyle;
    const items3 = [styles.container, style];
    const items4 = [r8];
    items4[1] = value2 != title ? ((Text) => <Text variant="heading-lg/semibold" color="mobile-text-heading-primary" maxFontSizeMultiplier={2} style={[styles.emptyTitle,
        titleStyle]}>{title}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : value2;
    items4[2] = value2 != body ? ((Text) => <Text variant="text-md/medium" color="text-muted" maxFontSizeMultiplier={2} style={[styles.emptyBody,
        bodyStyle]}>{body}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : value2;
    items4[3] = children;
    return (
        <View style={items3} accessible>
            {items4}
        </View>
    );
}