/* Metro module 14574; source: modules/game_claim/native/GameClaimCardStack.tsx; dependencies: [31, 27, 33, 697, 674, 4501, 10083, 2] */
import Module00674 from '../../../by-id/module-00674.js'; /* Metro dependency 674 */
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 CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as PlusSmallIconModule from '../../../design/components/Icon/native/redesign/generated/PlusSmallIcon.tsx'; /* Metro dependency 10083 */

function _fun110259(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110259, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14771:6, offset: 0x0237229d, size: 895 bytes, params: 8, frame: 30
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    const env0_2 = value.Image;
    const env0_3 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    let PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    value = PX_12 + PX_8 + 96;
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    value = value + 4 + PX_16;
    let BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    const value5 = Module00674(BRAND_500).alpha(0.5).hex();
    BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    const value9 = Module00674(BRAND_500).alpha(0.25).hex();
    BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    const value13 = Module00674(BRAND_500).alpha(0.35).hex();
    const createStyles = CreateStylesModule.createStyles;
    object = {};
    const object2 = {'flexDirection': 'row', 'alignItems': 'flex-start', 'justifyContent': 'center', 'width': '100%'};
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object2.paddingTop = PX_12;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.paddingBottom = PX_16 + 4;
    object.container = object2;
    const object3 = {'width': 72, 'height': 96, 'borderRadius': null, 'overflow': 'hidden', 'flexShrink': 0};
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object3.transform = [{rotate: '-6deg'}];
    const BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK;
    object3.shadowColor = BLACK;
    object3.shadowOffset = {'width': 0, 'height': 2};
    object3.shadowOpacity = 0.25;
    object3.shadowRadius = 4;
    object3.elevation = 4;
    object.gameCard = object3;
    object.gameImage = {'width': '100%', 'height': '100%'};
    const object5 = {'width': 72, 'height': 96, 'borderRadius': null, 'flexShrink': 0, 'transform': null,
        'borderWidth': 2, 'borderStyle': 'dashed'};
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object5.transform = [{rotate: '6deg'}];
    object5.borderColor = value5;
    object5.backgroundColor = value9;
    object5.alignItems = 'center';
    object5.justifyContent = 'center';
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object5.marginStart = -PX_8;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object5.marginTop = PX_8;
    object.addCard = object5;
    const object7 = {'width': 21.599999999999998, 'height': 21.599999999999998, 'borderRadius': null,
        'backgroundColor': null, 'alignItems': 'center', 'justifyContent': 'center'};
    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object7.backgroundColor = value13;
    object.addIconWrapper = object7;
    const env0_6 = Reflect.apply(createStyles, CreateStylesModule, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/game_claim/native/GameClaimCardStack.tsx');
    exports.default = GameClaimCardStack;
    exports.CARD_STACK_HEIGHT = value;
    function GameClaimCardStack({imageSrc}) { // fn#110260, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14771:1393, offset: 0x0237261c, size: 221 bytes, params: 2, frame: 21
        const styles = useStyles();
        const view = (
            <View style={styles.gameCard}>
                <Image
                    style={styles.gameImage}
                    source={{uri: imageSrc}}
                    resizeMode="cover"
                />
            </View>
        );
        const PlusSmallIcon = (PlusSmallIconModule).PlusSmallIcon;
        return (
            <View style={styles.container}>
                {view}
                <View style={styles.addCard}>
                    <View style={styles.addIconWrapper}>
                        <PlusSmallIcon size="sm" color="text-brand" />
                    </View>
                </View>
            </View>
        );
    }

}

global.__d(_fun110259, 14574, [31, 27, 33, 697, 674, 4501, 10083,
        2]) /* metro module 14574, dependencies: [31, 27, 33, 697, 674, 4501, 10083, 2] */;