/* Metro module 13545; source: modules/quests/native/BountiesModal/BountiesScrollRecapFooter.tsx; dependencies: [31, 27, 4502, 33, 4501, 697, 477, 1244, 4573, 10076, 566, 3868, 2] */
import AccessibilityStore from '../../../a11y/AccessibilityStore.tsx'; /* Metro dependency 4502 */
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 IndexNativeModule from '../../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as NativeModule from '../../../../external/discord_common/js/packages/design/native.tsx'; /* Metro dependency 3868 */
import * as CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TextModule from '../../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as OrbsIconModule from '../../../../design/components/Icon/native/redesign/generated/OrbsIcon.tsx'; /* Metro dependency 10076 */

function _fun102920(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102920, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13735:6, offset: 0x0224f472, size: 232 bytes, params: 8, frame: 19
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const env0_7 = (CreateStylesModule).createStyles(_fun102921);
    (FileImportTrackerModule).fileFinishedImporting('modules/quests/native/BountiesModal/BountiesScrollRecapFooter.tsx');
    exports.BountiesScrollRecapFooter = BountiesScrollRecapFooter;
    exports.BountiesScrollRecapFooterGradient = BountiesScrollRecapFooterGradient;
    function _fun102921() { // fn#102921, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13735:180, offset: 0x0224f55a, size: 185 bytes, params: 1, frame: 16
        const object = {};
        let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
        object.container = {'flex': 1, 'alignItems': 'center', 'justifyContent': 'center', gap: PX_4};
        object.headerLabel = {textTransform: 'uppercase'};
        PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
        object.orbRow = {'flexDirection': 'row', 'alignItems': 'center', gap: PX_4};
        object.rive = {'flex': 1, 'width': '100%'};
        const object4 = {};
        const value = 6;
        object4.marginTop = require(dependencyMap[value]).isIOS() ? value : 0;
        object.orbAmount = object4;
        return object;
    }

    function BountiesScrollRecapFooter({orbAmount}) { // fn#102922, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13735:585, offset: 0x0224f613, size: 381 bytes, params: 2, frame: 25
        const styles = useStyles();
        const intl = (IndexNativeModule).intl;
        const value2 = intl.string((IndexNativeModule).t.d6Rrn6);
        const Text = (TextModule).Text;
        const items2 = [
            <Text
                variant="text-xs/bold"
                color="text-brand"
                style={styles.headerLabel}
                accessible={false}
            >
                {value2}
            </Text>,
        ];
        const OrbsIcon = (OrbsIconModule).OrbsIcon;
        items2[1] = (
            <View
                style={styles.orbRow}
                accessible={false}
                importantForAccessibility="no-hide-descendants"
            >
                <OrbsIcon
                    size="sm"
                    color="icon-strong"
                    accessible={false}
                />
                <Text
                    variant="display-sm"
                    color="text-strong"
                    accessible={false}
                    style={styles.orbAmount}
                >
                    {'+' + orbAmount}
                </Text>
            </View>
        );
        return (
            <View
                style={styles.container}
                pointerEvents="none"
                accessible
                accessibilityRole="text"
                accessibilityLabel={'' + value2 + ', +' + orbAmount}
            >
                {items2}
            </View>
        );
    }

    function BountiesScrollRecapFooterGradient() { // fn#102923, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13735:1232, offset: 0x0224f790, size: 153 bytes, params: 1, frame: 18
        const styles = useStyles();
        const useReducedMotion = (require(566) /* metro dependency 566: flux */).useStateFromStores([AccessibilityStore],
            function() {
            return AccessibilityStore.useReducedMotion;
        });
        const BountiesScrollGradientRive = (NativeModule).BountiesScrollGradientRive;
        return (
            <View style={styles.rive}>
                <BountiesScrollGradientRive
                    stateMachine="State Machine 1"
                    fit="fill"
                    alignment="bottom-center"
                    withReducedMotion={useReducedMotion ? 'halt' : 'play'}
                />
            </View>
        );
    }

}

global.__d(_fun102920, 13545, [31, 27, 4502, 33, 4501, 697, 477, 1244, 4573, 10076, 566, 3868,
        2]) /* metro module 13545, dependencies: [31, 27, 4502, 33, 4501, 697, 477, 1244, 4573, 10076, 566, 3868, 2] */;