/* Metro module 13408; source: modules/parent_tools/native/FamilyCenterActivityTotal.tsx; dependencies: [31, 27, 33, 4501, 697, 13407, 5187, 4573, 2] */
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 */
import * as UseFamilyCenterActivitiesModule from '../hooks/useFamilyCenterActivities.tsx'; /* Metro dependency 13407 */

function _fun102038(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102038, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13598:6, offset: 0x02228d8a, size: 291 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;
    const object2 = {'display': 'flex', 'backgroundColor': null, 'padding': 12, 'justifyContent': 'center',
        'alignItems': 'center'};
    const BACKGROUND_SURFACE_HIGHEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGHEST;
    object2.backgroundColor = BACKGROUND_SURFACE_HIGHEST;
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    const SHADOW_LEDGE = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LEDGE;
    copyDataProperties(object2, SHADOW_LEDGE, undefined);
    const env0_5 = Reflect.apply(createStyles, value, [{container: object2}]);
    (FileImportTrackerModule).fileFinishedImporting('modules/parent_tools/native/FamilyCenterActivityTotal.tsx');
    exports.default = FamilyCenterActivityTotal;
    function FamilyCenterActivityTotal({displayType}) { // fn#102039, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13598:475, offset: 0x02228ead, size: 313 bytes, params: 2, frame: 24
        const styles = useStyles();
        const value3 = (UseFamilyCenterActivitiesModule).useActionTotalsForDisplayType(displayType);
        const value4 = (UseFamilyCenterActivitiesModule).useFormattedTotalForDisplayType(displayType);
        const r13 = value3 > 0 ? 'text-brand' : 'text-muted';
        const r8 = (require(5187) /* metro dependency 5187: FamilyCenterUtils */).getActivityTypeTextConfigs().get(displayType)?.tooltipHeader();
        const Text = (TextModule).Text;
        return (
            <View style={styles.container}>
                <Text variant="heading-xxl/medium" color={r13}>
                    {value4 ?? 0}
                </Text>
                <Text variant="text-sm/semibold">
                    {r8}
                </Text>
            </View>
        );
    }

}

global.__d(_fun102038, 13408, [31, 27, 33, 4501, 697, 13407, 5187, 4573,
        2]) /* metro module 13408, dependencies: [31, 27, 33, 4501, 697, 13407, 5187, 4573, 2] */;