/* Metro module 14559; source: modules/guild_themes/native/GuildThemeNuxPreviewGraphic.tsx; dependencies: [31, 27, 33, 4501, 697, 14560, 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 CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

function _fun110104(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110104, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14756:6, offset: 0x0236a77a, size: 228 bytes, params: 8, frame: 21
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const createStyles = CreateStylesModule.createStyles;
    const PX_24 = (Native).space.PX_24;
    const env0_4 = Reflect.apply(createStyles, CreateStylesModule, [{container: {'width': '100%',
        'aspectRatio': 1.7777777777777777, 'alignItems': 'center', 'justifyContent': 'center', marginBottom: PX_24}}]);
    (FileImportTrackerModule).fileFinishedImporting('modules/guild_themes/native/GuildThemeNuxPreviewGraphic.tsx');
    exports.default = GuildThemeNuxPreviewGraphic;
    function GuildThemeNuxPreviewGraphic({themeSettings, isPersonal}) { // fn#110105, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14756:395, offset: 0x0236a85e, size: 112 bytes, params: 2, frame: 18
        const styles = useStyles();
        return (
            <View
                accessibilityElementsHidden
                importantForAccessibility="no-hide-descendants"
                style={styles.container}
            >
                {((Component) => <Component themeSettings={isPersonal ? null : themeSettings} />)(importDefault(14560) /* metro dependency 14560: GuildThemePreviewArt */)}
            </View>
        );
    }

}

global.__d(_fun110104, 14559, [31, 27, 33, 4501, 697, 14560,
        2]) /* metro module 14559, dependencies: [31, 27, 33, 4501, 697, 14560, 2] */;