// Module ID: 11358
// Function ID: 11359
// Name: renderIcon
// Dependencies: [19, 17, 1302, 21, 4380, 712, 4108, 1363, 11359, 11360, 4376, 1236, 11361, 11362, 4949, 2]

// Module 11358 (renderIcon)
import ThemesDefault from "Themes" /* 712 */;
import getSystemLocale from "getSystemLocale" /* 1236 */;
import AccessibilityAnnouncer from "AccessibilityAnnouncer" /* 1363 */;
import Text from "Text" /* 4376 */;
import PressableBase from "PressableBase" /* 4949 */;
import registerAssetDefault from "registerAsset" /* 11361 */;
import registerAssetDefault2 from "registerAsset" /* 11362 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import closure_5 from "handleThemeChange" /* 1302 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;
import importAllResult from "noop" /* 19 */;

require = arg1;
({ View: c3, Image: c4 } = get_ActivityIndicator);
({ jsx: closure_6, jsxs: error } = jsxProd);
createCacheKey = { container: { width: 82, height: 82, marginTop: 4 }, guildPlaceholder: null, guildIcon: null, iconWrapperBorder: null, filledIconWrapper: null, emptyIconWrapper: null, emptyGuildIcon: null, emptyGuildIconText: null, uploadIcon: null };
createCacheKey = { backgroundColor: ThemesDefault.colors.BACKGROUND_SURFACE_HIGH };
createCacheKey[1] = createCacheKey;
createCacheKey[2] = { width: 82, height: 82, borderRadius: 41 };
createCacheKey[3] = { position: "absolute", top: -8, right: -8, width: 40, height: 40, borderRadius: 20, justifyContent: "center", alignItems: "center" };
createCacheKey[4] = { width: 32, height: 32, borderRadius: ThemesDefault.radii.lg, justifyContent: "center", alignItems: "center", backgroundColor: ThemesDefault.colors.INTERACTIVE_TEXT_ACTIVE };
let obj1 = { width: 32, height: 32, borderRadius: ThemesDefault.radii.lg, justifyContent: "center", alignItems: "center", backgroundColor: ThemesDefault.colors.INTERACTIVE_TEXT_ACTIVE };
createCacheKey[5] = { position: "absolute", top: -4, right: -4, width: 32, height: 32, borderRadius: ThemesDefault.radii.lg, backgroundColor: ThemesDefault.colors.BACKGROUND_BRAND, justifyContent: "center", alignItems: "center" };
let obj2 = { position: "absolute", top: -4, right: -4, width: 32, height: 32, borderRadius: ThemesDefault.radii.lg, backgroundColor: ThemesDefault.colors.BACKGROUND_BRAND, justifyContent: "center", alignItems: "center" };
createCacheKey[6] = { borderWidth: 2, borderStyle: "dashed", justifyContent: "center", alignItems: "center", borderColor: ThemesDefault.colors.INTERACTIVE_TEXT_DEFAULT };
createCacheKey[7] = { textAlign: "center", lineHeight: 16, paddingTop: 4 };
createCacheKey[8] = { height: 16, width: 16 };
let closure_8 = createCacheKey.createLegacyClassComponentStyles(createCacheKey);
const PureComponent = importAllResult.PureComponent;
class GuildIconUploader extends PureComponent {
}
const prototype = GuildIconUploader.prototype;
prototype["renderIcon"] = function renderIcon() {
  const tmp = callback3(this.context);
  const icon = this.props.icon;
  if (null != icon) {
    let obj = { style: null, source: null };
    const items = [, ];
    ({ guildIcon: arr2[0], guildPlaceholder: arr2[1] } = tmp);
    obj[0] = items;
    obj = { uri: null };
    obj[0] = icon;
    obj[1] = obj;
    let tmp6Result = callback(closure_4, obj);
  } else {
    obj1 = { style: null, children: null };
    const items1 = [, ];
    ({ guildIcon: arr3[0], emptyGuildIcon: arr3[1] } = tmp);
    obj1[0] = items1;
    if (obj6.isThemeDark(theme.theme)) {
      let tmp13Result = tmp13(11359);
    } else {
      tmp13Result = tmp13(11360);
    }
    obj = { source: null };
    obj[0] = tmp13Result;
    const items2 = [callback(closure_4, obj), ];
    const obj2 = { style: null, variant: "text-xs/bold", color: "text-default", children: null };
    obj2[0] = tmp.emptyGuildIconText;
    const intl = tmp10(1236).intl;
    obj6 = AccessibilityAnnouncer;
    const tmp6 = closure_7;
    const tmp7 = closure_3;
    const tmp9 = closure_4;
    obj2[3] = intl.string(getSystemLocale.t["3UB9ad"]).toUpperCase();
    items2[1] = callback(Text.Text, obj2);
    obj1[1] = items2;
    tmp6Result = tmp6(tmp7, obj1);
    const str = intl.string(getSystemLocale.t["3UB9ad"]);
  }
  return tmp6Result;
};
prototype["renderUpload"] = function renderUpload() {
  const tmp = callback3(this.context);
  const props = this.props;
  const iconBackgroundColor = props.iconBackgroundColor;
  if (null != props.icon) {
    let obj = { style: null, children: null };
    const items = [tmp.iconWrapperBorder, ];
    obj = { backgroundColor: null };
    obj[0] = iconBackgroundColor;
    items[1] = obj;
    obj[0] = items;
    obj1 = { style: null, children: null };
    obj1[0] = tmp.filledIconWrapper;
    const obj2 = { style: null, source: null };
    const items1 = [tmp.uploadIcon, ];
    const obj3 = { tintColor: null };
    obj3[0] = iconBackgroundColor;
    items1[1] = obj3;
    obj2[0] = items1;
    obj2[1] = registerAssetDefault;
    obj1[1] = tmp2(closure_4, obj2);
    obj[1] = tmp2(tmp3, obj1);
  } else {
    obj = { style: null, children: null };
    obj[0] = tmp.emptyIconWrapper;
    const obj4 = { source: null };
    obj4[0] = registerAssetDefault2;
    obj[1] = tmp2(closure_4, obj4);
  }
  return closure_6(closure_3, obj);
};
prototype["render"] = function render() {
  const self = this;
  const tmp = callback3(this.context);
  ({ style, onPress, icon } = this.props);
  if (null != icon) {
    const intl2 = tmp3(1236).intl;
    let stringResult = intl2.string(tmp3(1236).t.VATxfe);
  } else {
    const intl = tmp3(1236).intl;
    stringResult = intl.string(tmp3(1236).t["MsUY/S"]);
  }
  let obj = { accessibilityRole: "button", accessibilityLabel: stringResult, onPress, children: null };
  obj = { style: items, children: null };
  items = [tmp.container, style];
  obj = { style: tmp.guildIcon, children: self.renderIcon() };
  const items1 = [closure_6(closure_3, obj), self.renderUpload()];
  obj[1] = items1;
  obj[3] = callback2(closure_3, obj);
  return closure_6(PressableBase.PressableOpacity, obj);
};
GuildIconUploader.contextType = require("ManaContext").ThemeContext;
let obj3 = { borderWidth: 2, borderStyle: "dashed", justifyContent: "center", alignItems: "center", borderColor: ThemesDefault.colors.INTERACTIVE_TEXT_DEFAULT };
const result = require("set").fileFinishedImporting("modules/guild/native/GuildIconUploader.tsx");

export default GuildIconUploader;