/* Metro module 14574; source: modules/game_claim/native/GameClaimCardStack.tsx; dependencies: [31, 27, 33, 697, 674, 4501, 10083, 2] */
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
    var object4;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    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;
    const value2 = importDefault(674) /* metro dependency 674 */;
    let BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    const value5 = value2(BRAND_500).alpha(0.5).hex();
    const value6 = value2;
    BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    const value9 = value6(BRAND_500).alpha(0.25).hex();
    const value10 = value2;
    BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    const value13 = value10(BRAND_500).alpha(0.35).hex();
    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = createStylesModule.createStyles;
    object4 = {};
    const object6 = {'flexDirection': 'row', 'alignItems': 'flex-start', 'justifyContent': 'center', 'width': '100%'};
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object6.paddingTop = PX_12;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object6.paddingBottom = PX_16 + 4;
    object4.container = object6;
    const object8 = {'width': 72, 'height': 96, 'borderRadius': null, 'overflow': 'hidden', 'flexShrink': 0};
    object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object8.transform = [{rotate: '-6deg'}];
    const BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK;
    object8.shadowColor = BLACK;
    object8.shadowOffset = {'width': 0, 'height': 2};
    object8.shadowOpacity = 0.25;
    object8.shadowRadius = 4;
    object8.elevation = 4;
    object4.gameCard = object8;
    object4.gameImage = {'width': '100%', 'height': '100%'};
    const object9 = {'width': 72, 'height': 96, 'borderRadius': null, 'flexShrink': 0, 'transform': null,
        'borderWidth': 2, 'borderStyle': 'dashed'};
    object9.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object9.transform = [{rotate: '6deg'}];
    object9.borderColor = value5;
    object9.backgroundColor = value9;
    object9.alignItems = 'center';
    object9.justifyContent = 'center';
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object9.marginStart = -PX_8;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object9.marginTop = PX_8;
    object4.addCard = object9;
    const object10 = {'width': 21.599999999999998, 'height': 21.599999999999998, 'borderRadius': null,
        'backgroundColor': null, 'alignItems': 'center', 'justifyContent': 'center'};
    object10.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object10.backgroundColor = value13;
    object4.addIconWrapper = object10;
    const env0_6 = Reflect.apply(createStyles, createStylesModule, [object4]);
    (require(2) /* metro dependency 2 */).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 = (require(10083) /* metro dependency 10083: PlusSmallIcon */).PlusSmallIcon;
    return (
        <View style={styles.container}>
            {view}
            <View style={styles.addCard}>
                <View style={styles.addIconWrapper}>
                    <PlusSmallIcon size="sm" color="text-brand" />
                </View>
            </View>
        </View>
    );
}