/* Metro module 8508; source: modules/profile_customization/native/Banner.tsx; dependencies: [31, 27, 661, 33, 4501, 673, 5475, 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 ConstantsModule from '../../../Constants.tsx'; /* Metro dependency 661 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

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});
    ReactModule;
    const env0_6 = (CreateStylesModule).createStyles({root: {width: '100%'},
        image: {'width': '100%', 'height': '100%'}});
    (FileImportTrackerModule).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 object = {};
        object.backgroundColor = (require(673) /* metro dependency 673: ColorUtils */).int2hex(backgroundColor);
        object.height = bannerHeight + bannerSafeArea;
        const items2 = [styles.root, object, 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>
        );
    }

}

global.__d(_fun67448, 8508, [31, 27, 661, 33, 4501, 673, 5475,
        2]) /* metro module 8508, dependencies: [31, 27, 661, 33, 4501, 673, 5475, 2] */;