/* Metro module 9840; source: components_native/common/SlideoutButton.tsx; dependencies: [31, 27, 661, 33, 4501, 4000, 697, 5278, 1305, 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 ConstantsModule from '../../Constants.tsx'; /* Metro dependency 661 */
import * as NativeModule from '../../design/void/native.tsx'; /* Metro dependency 1305 */
import * as ColorUtilsModule from '../../utils/ColorUtils.tsx'; /* Metro dependency 4000 */
import * as PressablesModule from '../../design/void/Pressables/native/Pressables.tsx'; /* Metro dependency 5278 */

function _fun77128(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#77128, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10026:6, offset: 0x01df2640, size: 336 bytes, params: 8, frame: 24
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const Fonts = (ConstantsModule).Fonts;
    let value = JsxRuntimeModule;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const hexWithOpacity = ColorUtilsModule.hexWithOpacity;
    const WHITE = (Native).unsafe_rawColors.WHITE;
    const PRIMARY_SEMIBOLD = Fonts.PRIMARY_SEMIBOLD;
    const env0_6 = Reflect.apply(createStyles, value, [{button: {'alignSelf': 'flex-end', 'justifyContent': 'center',
        'alignItems': 'center'}, buttonText: {'color': null, 'fontSize': 12, 'fontFamily': null, 'marginTop': 2,
        'marginHorizontal': 2, 'textAlign': 'center', color: Reflect.apply(hexWithOpacity, ColorUtilsModule, [WHITE,
        0.6]), fontFamily: PRIMARY_SEMIBOLD}}]);
    const SlideoutButton2 = SlideoutButton;
    SlideoutButton2.width = 72;
    (FileImportTrackerModule).fileFinishedImporting('components_native/common/SlideoutButton.tsx');
    exports.default = SlideoutButton2;
    function SlideoutButton({onPress, color, IconComponent, title, height}) { // fn#77129, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10026:446, offset: 0x01df2790, size: 264 bytes, params: 2, frame: 26
        height = height === undefined ? 60 : height;
        const styles = useStyles();
        const PressableOpacity = (PressablesModule).PressableOpacity;
        const items2 = [styles.button];
        items2[1] = {backgroundColor: color, width: 72, height: height};
        const WHITE = (Native).colors.WHITE;
        const iconComponent = <IconComponent color={WHITE} />;
        const LegacyText = (NativeModule).LegacyText;
        return (
            <PressableOpacity accessibilityRole="button" onPress={onPress}>
                <View style={items2}>
                    {iconComponent}
                    <LegacyText style={styles.buttonText}>
                        {title.toUpperCase()}
                    </LegacyText>
                </View>
            </PressableOpacity>
        );
    }

}

global.__d(_fun77128, 9840, [31, 27, 661, 33, 4501, 4000, 697, 5278, 1305,
        2]) /* metro module 9840, dependencies: [31, 27, 661, 33, 4501, 4000, 697, 5278, 1305, 2] */;