/* Metro module 16208; source: modules/safety_flows/native/SafetyFlowTaskScreen.tsx; dependencies: [31, 33, 4501, 6258, 6259, 4572, 4573, 10120, 16206, 9790, 2] */
function _fun125259(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#125259, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16416:6, offset: 0x025d26bb, size: 189 bytes, params: 8, frame: 20
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const value = require(33) /* metro dependency 33 */;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    const env0_5 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({header: {textAlign: 'center'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/safety_flows/native/SafetyFlowTaskScreen.tsx');
    exports.default = SafetyFlowTaskScreen;
}

function SafetyFlowTaskScreen({ImageComponent, title, subtitle, action, onAction, footer, children, submitting, withLogout}) { // fn#125260, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16416:282, offset: 0x025d2778, size: 539 bytes, params: 2, frame: 35
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    var r5;
    var ModalFooter;
    var items4;
    action = action === undefined ? null : action;
    withLogout = withLogout === undefined || withLogout;
    const styles = useStyles();
    const ModalScreen = (require(6258) /* metro dependency 6258: ModalScreenNative */).ModalScreen;
    const ModalContent = (require(6259) /* metro dependency 6259: ModalContentNative */).ModalContent;
    const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
    const items2 = [ImageComponent != null && ImageComponent];
    items2[1] = <Text accessibilityRole="header" variant="heading-xl/bold" color="mobile-text-heading-primary" style={styles.header}>{title}</Text>;
    items2[2] = subtitle != null && <Text variant="text-md/medium" color="text-strong" style={styles.header}>{subtitle}</Text>;
    const modalContent = <ModalContent><Stack align="center" justify="center" spacing={8}>{items2}</Stack>{children}</ModalContent>;
    if (footer !== undefined) {
        r5 = footer;
    } else {
        ModalFooter = (require(10120) /* metro dependency 10120: ModalFooterNative */).ModalFooter;
        items4 = [withLogout && ((Component) => <Component />)(importDefault(16206) /* metro dependency 16206: LogOutDisclaimer */)];
        items4[1] = action != null && ((ModalActionButton) => <ModalActionButton variant="primary" text={action} onPress={onAction} loading={submitting} />)((require(9790) /* metro dependency 9790: ModalActionButtonNative */).ModalActionButton);
        r5 = <ModalFooter>{items4}</ModalFooter>;
    }
    return (
        <ModalScreen>
            {modalContent}
            {r5}
        </ModalScreen>
    );
}