/* Metro module 13555; source: modules/quests/native/QuestHomeEmptyState.tsx; dependencies: [31, 27, 661, 33, 4501, 697, 1244, 3860, 4010, 6618, 477, 4573, 13556, 4589, 2] */
function _fun102966(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102966, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13745:6, offset: 0x02251c62, size: 402 bytes, params: 8, frame: 22
    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_3 = value.View;
    const env0_4 = value.ImageBackground;
    const env0_5 = (require(661) /* metro dependency 661: Constants */).VerticalGradient;
    value = require(33) /* metro dependency 33 */;
    const env0_6 = value.jsx;
    const env0_7 = value.jsxs;
    const env0_8 = value.Fragment;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
    const env0_9 = Reflect.apply(createStyles, value, [{container: {flex: 1},
        emptyStateContainer: {'justifyContent': 'center', 'alignItems': 'center', 'flex': 1},
        emptyStateContentContainer: {top: -55, paddingHorizontal: PX_32}, emptyStateContentTitle: {textAlign: 'center'},
        emptyStateContentDescription: {'textAlign': 'center', 'marginTop': 4}, emptyImage: {'flex': 1, 'width': '100%',
        'aspectRatio': 1.6375545851528384, 'minWidth': '100%', 'position': 'absolute', 'bottom': 0, 'zIndex': -1},
        gradient: {'height': 22, 'width': '100%', 'position': 'absolute', 'bottom': 0}, actionWrapper: {'marginTop': 16,
        'alignSelf': 'center'}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/quests/native/QuestHomeEmptyState.tsx');
    exports.default = QuestHomeEmptyState;
}

function QuestHomeEmptyState({action, title, subtitle}) { // fn#102967, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13745:745, offset: 0x02251df4, size: 720 bytes, params: 2, frame: 31
    var r9;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    var jsxRuntimeEnv0_8Binding;
    var items3;
    const r20 = title !== undefined ? title : intl.string((require(1244) /* metro dependency 1244: indexNative */).t.SdlRnK);
    const r13 = subtitle !== undefined ? subtitle : intl.string((require(1244) /* metro dependency 1244: indexNative */).t['R7mv+G']);
    const styles = useStyles();
    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
    const useToken = useTokenModule.useToken;
    const BACKGROUND_BASE_LOWER = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWER;
    const value2 = Reflect.apply(useToken, useTokenModule, [BACKGROUND_BASE_LOWER]);
    const isChatLockedOpen = (importDefault(4010) /* metro dependency 4010: useChatLayout */)().isChatLockedOpen;
    const SafeAreaPaddingView = (require(6618) /* metro dependency 6618: SafeAreaView */).SafeAreaPaddingView;
    const safeAreaPaddingViewProps = {bottom: (require(477) /* metro dependency 477: PlatformUtils */).isAndroid()};
    let container = styles.container;
    safeAreaPaddingViewProps.style = container;
    container = styles.container;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const items2 = [<Text variant="heading-xl/bold" color="mobile-text-heading-primary" style={styles.emptyStateContentTitle}>{r20}</Text>];
    items2[1] = <Text variant="text-md/normal" color="text-default" style={styles.emptyStateContentDescription}>{r13}</Text>;
    items2[2] = action != null && <View style={styles.actionWrapper}>{action}</View>;
    const view = <View style={styles.emptyStateContentContainer}>{items2}</View>;
    if (isChatLockedOpen) {
        r9 = null;
    } else {
        jsxRuntimeEnv0_8Binding = jsxRuntimeEnv0_8;
        items3 = [<ImageBackground style={styles.emptyImage} source={importDefault(13556) /* metro dependency 13556 */} resizeMode="cover" />];
        items3[1] = ((Component) => <Component style={styles.gradient} end={VerticalGradient.END} start={VerticalGradient.START} colors={['rgba(0, 0, 0, 0)',
            
            value2]} />)(importDefault(4589) /* metro dependency 4589 */);
        r9 = <>{items3}</>;
    }
    return (
        <SafeAreaPaddingView {...safeAreaPaddingViewProps}>
            <View style={container}>
                <View style={styles.emptyStateContainer}>
                    {view}
                    {r9}
                </View>
            </View>
        </SafeAreaPaddingView>
    );
}