/* Metro module 11496; source: modules/safety_hub/native/AppealIngestionFreeTextAppealReasonActionSheet.tsx; dependencies: [57, 31, 27, 11473, 33, 4501, 697, 566, 1244, 6275, 4572, 5278, 5312, 11489, 7681, 4573, 4578, 2] */
function _fun88074(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#88074, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11682:6, offset: 0x01fd3e66, size: 329 bytes, params: 8, frame: 21
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const env0_2 = importDefault(57) /* metro dependency 57 */;
    const env0_3 = importAll(31) /* metro dependency 31 */;
    const env0_4 = (require(27) /* metro dependency 27 */).View;
    const safetyHubStore = importDefault(11473) /* metro dependency 11473: SafetyHubStore */;
    let value = require(33) /* metro dependency 33 */;
    const env0_6 = value.jsx;
    const env0_7 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    const env0_8 = Reflect.apply(createStyles, value, [{footerText: {textAlign: 'center'}, textArea: {'marginTop': -16,
        'marginBottom': 36}, separator: {'height': 1, 'backgroundColor': null, 'marginHorizontal': -16,
        backgroundColor: BORDER_SUBTLE}, closeIcon: {'alignSelf': 'flex-end', 'flexDirection': 'row',
        'marginBottom': -26}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/safety_hub/native/AppealIngestionFreeTextAppealReasonActionSheet.tsx');
    exports.default = AppealIngestionFreeTextAppealReasonActionSheet;
}

function AppealIngestionFreeTextAppealReasonActionSheet({onSave, onClose}) { // fn#88075, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11682:545, offset: 0x01fd3faf, size: 840 bytes, params: 2, frame: 32
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const styles = useStyles();
    const freeTextAppealReason = (require(566) /* metro dependency 566: flux */).useStateFromStores([SafetyHubStore],
        function() {
        return SafetyHubStore.getFreeTextAppealReason();
    });
    const [property, property2] = env0_2(env0_3.useState(freeTextAppealReason), 2);
    const r20 = freeTextAppealReason === '' ? intl.string((require(1244) /* metro dependency 1244: indexNative */).t.uoQFIp) : intl.string((require(1244) /* metro dependency 1244: indexNative */).t.tnE3bZ);
    const value6 = intl.string((require(1244) /* metro dependency 1244: indexNative */).t['Rk+uJx']);
    const BottomSheet = (require(6275) /* metro dependency 6275: BottomSheetNative */).BottomSheet;
    const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
    const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
    const XSmallIcon = (require(5312) /* metro dependency 5312: XSmallIcon */).XSmallIcon;
    const items2 = [<PressableOpacity onPress={onClose} style={styles.closeIcon}><XSmallIcon size="md" /></PressableOpacity>];
    const AppealIngestionModalHeader = (require(11489) /* metro dependency 11489: AppealIngestionModal */).AppealIngestionModalHeader;
    items2[1] = <AppealIngestionModalHeader headerText={r20} subHeaderText={value6} />;
    const TextArea = (require(7681) /* metro dependency 7681: TextAreaNative */).TextArea;
    items2[2] = <TextArea maxLength={1024} placeholder={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.bQrZIN)} containerStyle={styles.textArea} value={property} onChange={property2} />;
    items2[3] = <View style={styles.separator} />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    items2[4] = <Text variant="text-xs/medium" color="text-default" style={styles.footerText}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t.xfNY3L)}</Text>;
    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
    items2[5] = <Button onPress={onPress_88077} text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t['R3BPH+'])} />;
    return (
        <BottomSheet startExpanded>
            <Stack spacing={16}>
                {items2}
            </Stack>
        </BottomSheet>
    );
}