/* Metro module 11498; source: modules/safety_hub/native/AppealIngestionBreadcrumbs.tsx; dependencies: [31, 27, 33, 4501, 697, 4573, 1244, 2] */
function _fun88087(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#88087, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11684:6, offset: 0x01fd485d, size: 355 bytes, params: 8, frame: 22
    var object2;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {container: {'flex': 0, 'alignSelf': 'stretch', 'marginBottom': 8}, title: {'lineHeight': 16,
        'marginBottom': 8}, breadCrumbItemContainer: {'flexDirection': 'row', 'justifyContent': 'flex-start',
        'marginBottom': 8, 'marginEnd': 32, 'overflow': 'visible'}};
    const BACKGROUND_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BRAND;
    object2.breadCrumbDot = {'marginStart': 2, 'marginTop': 8, 'width': 4, 'height': 4, 'borderRadius': 2,
        backgroundColor: BACKGROUND_BRAND};
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object2.breadCrumbBar = {'position': 'absolute', 'width': 2, 'top': 10, 'bottom': -12, 'left': 3,
        backgroundColor: BACKGROUND_BASE_LOWEST};
    object2.breadCrumbText = {'marginStart': 8, 'lineHeight': 20};
    const env0_5 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/safety_hub/native/AppealIngestionBreadcrumbs.tsx');
    exports.default = AppealIngestionBreadcrumbs;
}

function AppealIngestionBreadcrumbs({reasons}) { // fn#88088, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11684:774, offset: 0x01fd49c0, size: 217 bytes, params: 2, frame: 24
    var r0;
    var Text;
    var intl;
    var value;
    const styles = useStyles();
    if (reasons.length === 0) {
        r0 = null;
    } else {
        var viewBindingProps = {style: styles.container};
        Text = (require(4573) /* metro dependency 4573: Text */).Text;
        var textProps = {'style': null, 'accessibilityRole': 'header', 'variant': 'text-xs/bold', style: styles.title};
        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        value = <Text {...textProps}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t.eQg0Ck)}</Text>;
        value = <View {...viewBindingProps}>{[value, reasons.map(_fun88089)]}</View>;
        r0 = value;
    }
    return r0;
}

function _fun88089(a0, a1) { // fn#88089, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11684:1027, offset: 0x01fd4a99, size: 198 bytes, params: 3, frame: 21
    const stylesBinding = styles;
    const breadCrumbItemContainer = stylesBinding.breadCrumbItemContainer;
    const items2 = [<View style={stylesBinding.breadCrumbBar} />];
    items2[1] = <View style={stylesBinding.breadCrumbDot} />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    items2[2] = <Text lineClamp={2} ellipsizeMode="tail" style={stylesBinding.breadCrumbText} variant="text-md/medium">{a0}</Text>;
    return (
        <View style={breadCrumbItemContainer} key={'' + a0 + '+' + a1}>
            {items2}
        </View>
    );
}