/* Metro module 12824; source: design/void/RefreshEmptyState/native/RefreshEmptyState.tsx; dependencies: [31, 27, 661, 33, 4501, 6597, 697, 8002, 4578, 4002, 2] */
function _fun97874(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97874, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13014:6, offset: 0x0219554e, size: 444 bytes, params: 8, frame: 29
    var object4;
    const env0_0 = require;
    const closure = EmptyState_97875;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.View;
    const env0_4 = value.Image;
    const Fonts = (require(661) /* metro dependency 661: Constants */).Fonts;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object4 = {container: {'alignItems': 'center', 'justifyContent': 'center', 'padding': 16}};
    const object5 = {};
    const textStyles = importDefault(6597) /* metro dependency 6597: TextStyles */;
    const DISPLAY_SEMIBOLD = Fonts.DISPLAY_SEMIBOLD;
    const MOBILE_TEXT_HEADING_PRIMARY = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_TEXT_HEADING_PRIMARY;
    copyDataProperties(object5, textStyles(DISPLAY_SEMIBOLD, MOBILE_TEXT_HEADING_PRIMARY, 16), undefined);
    object5['textAlign'] = 'center';
    object5['marginBottom'] = 8;
    object4.title = object5;
    const object6 = {};
    const value3 = textStyles;
    const PRIMARY_MEDIUM = Fonts.PRIMARY_MEDIUM;
    const TEXT_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_SUBTLE;
    copyDataProperties(object6, value3(PRIMARY_MEDIUM, TEXT_SUBTLE, 14), undefined);
    object6['textAlign'] = 'center';
    object4.body = object6;
    object4.image = {marginBottom: 32};
    object4.cta = {'alignSelf': 'center', 'marginTop': 16};
    const env0_7 = Reflect.apply(createStyles, value, [object4]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/RefreshEmptyState/native/RefreshEmptyState.tsx');
    exports.default = closure;
    exports.ThemedEmptyState = ThemedEmptyState;
}

function EmptyState_97875({source, title, body, containerStyle, imageStyle, titleStyle, bodyStyle, callToAction}) { // fn#97875, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13014:535, offset: 0x0219570a, size: 411 bytes, params: 2, frame: 28
    const styles = useStyles();
    const items2 = [styles.container, containerStyle];
    const items3 = [source != null ? <Image source={source} style={[styles.image, imageStyle]} /> : null];
    items3[1] = title != null ? ((Component) => <Component style={[styles.title,
        titleStyle]}>{title}</Component>)(importDefault(8002) /* metro dependency 8002: LegacyText */) : null;
    items3[2] = ((Component) => <Component style={[styles.body,
        bodyStyle]}>{body}</Component>)(importDefault(8002) /* metro dependency 8002: LegacyText */);
    items3[3] = callToAction != null ? <View style={styles.cta}>{((Button) => <Button shrink text={callToAction.label} onPress={callToAction.onPress} size="sm" />)((require(4578) /* metro dependency 4578: ButtonNative */).Button)}</View> : null;
    return (
        <View style={items2}>
            {items3}
        </View>
    );
}

function ThemedEmptyState(a0) { // fn#97876, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13014:1105, offset: 0x021958a5, size: 143 bytes, params: 2, frame: 20
    const lightSource = a0.lightSource;
    const darkSource = a0.darkSource;
    const value = Object.create(null);
    value.lightSource = 0;
    value.darkSource = 0;
    const value2 = copyDataProperties({}, a0, value, undefined);
    const sharedModule = require(4002) /* metro dependency 4002: shared */;
    const useThemeContext = sharedModule.useThemeContext;
    const theme = Reflect.apply(useThemeContext, sharedModule, []).theme;
    const moduleValue2 = sharedModule;
    return <EmptyState_97875 source={moduleValue2.isThemeLight(theme) ? lightSource : darkSource} {...value2} />;
}