/* Metro module 11498; source: modules/safety_hub/native/AppealIngestionBreadcrumbs.tsx; dependencies: [31, 27, 33, 4501, 697, 4573, 1244, 2] */
import Native from '../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */

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
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = JsxRuntimeModule;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {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 = (Native).colors.BACKGROUND_BRAND;
    object.breadCrumbDot = {'marginStart': 2, 'marginTop': 8, 'width': 4, 'height': 4, 'borderRadius': 2,
        backgroundColor: BACKGROUND_BRAND};
    const BACKGROUND_BASE_LOWEST = (Native).colors.BACKGROUND_BASE_LOWEST;
    object.breadCrumbBar = {'position': 'absolute', 'width': 2, 'top': 10, 'bottom': -12, 'left': 3,
        backgroundColor: BACKGROUND_BASE_LOWEST};
    object.breadCrumbText = {'marginStart': 8, 'lineHeight': 20};
    const env0_5 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).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 = (TextModule).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>
            );
        }

    }

}

global.__d(_fun88087, 11498, [31, 27, 33, 4501, 697, 4573, 1244,
        2]) /* metro module 11498, dependencies: [31, 27, 33, 4501, 697, 4573, 1244, 2] */;