/* Metro module 8508; source: modules/profile_customization/native/Banner.tsx; dependencies: [31, 27, 661, 33, 4501, 673, 5475, 2] */
function _fun67448(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67448, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8693:6, offset: 0x01c230bc, size: 245 bytes, params: 8, frame: 20
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    const env0_4 = (require(661) /* metro dependency 661: Constants */).BANNER_HEIGHT;
    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({root: {width: '100%'},
        image: {'width': '100%', 'height': '100%'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/profile_customization/native/Banner.tsx');
    exports.default = ProfileBanner;
}

function ProfileBanner({style, bannerSource, backgroundColor, bannerSafeArea, bannerHeight = BANNER_HEIGHT}) { // fn#67449, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8693:329, offset: 0x01c231b1, size: 209 bytes, params: 2, frame: 21
    var r4;
    bannerSafeArea = bannerSafeArea === undefined ? 0 : bannerSafeArea;
    var value;
    const styles = useStyles();
    const object2 = {};
    object2.backgroundColor = (require(673) /* metro dependency 673: ColorUtils */).int2hex(backgroundColor);
    object2.height = bannerHeight + bannerSafeArea;
    const items2 = [styles.root, object2, style];
    if (bannerSource != null) {
        value = importDefault(5475) /* metro dependency 5475: FastImage */;
        value = ((Component) => <Component style={styles.image} source={bannerSource} />)(value);
        r4 = value;
    } else {
        r4 = null;
    }
    return (
        <View style={items2}>
            {r4}
        </View>
    );
}