// Module ID: 11741
// Function ID: 11742
// Name: GuildPowerupsImage
// Dependencies: [4669, 21, 4668, 589, 501, 8445, 5454, 2]
// Exports: default

// Module 11741 (GuildPowerupsImage)
import initialize from "initialize" /* 589 */;
import preloadDefault from "preload" /* 5454 */;
import __INTERNAL_VIEW_CONFIGDefault from "__INTERNAL_VIEW_CONFIG" /* 8445 */;
import closure_3 from "maybeApplyNoTextColorForLightCustomTheme" /* 4669 */;
import { jsx } from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;

require = arg1;
let closure_5 = createCacheKey.createStyles({ image: { width: "75%", height: "100%", alignSelf: "center", resizeMode: "contain" } });
const result = require("set").fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsImage.tsx");

export default function GuildPowerupsImage(style) {
  ({ imageUrl, isAnimated } = style);
  if (isAnimated === undefined) {
    isAnimated = true;
  }
  style = style.style;
  const tmp = callback();
  let obj = initialize;
  const items = [closure_3];
  const stateFromStores = obj.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
  if (obj2.isAndroid()) {
    if (isAnimated) {
      if (!stateFromStores) {
        obj = { style: null, url: null };
        const items1 = [tmp.image, style];
        obj[0] = items1;
        obj[1] = imageUrl;
        let tmp6 = jsx(__INTERNAL_VIEW_CONFIGDefault, { style: null, url: null });
      }
      return tmp6;
    }
  }
  const items2 = [tmp.image, style];
  tmp6 = jsx(preloadDefault, { style: items2, source: { uri: imageUrl } });
};