// Module ID: 10417
// Function ID: 10418
// Name: styles
// Dependencies: [19, 17, 676, 21, 4255, 712, 4223, 8862, 1959, 1236, 506, 4251, 1297, 7749, 2]
// Exports: default

// Module 10417 (styles)
import noop from "noop";
import { View } from "get ActivityIndicator";
import { Permissions } from "ME";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let error;
let metroImportAll;
const require = arg1;
({ jsx: error, jsxs: metroImportAll } = jsxProd);
createCacheKey = { selectorGroup: { display: "flex", flexDirection: "column", gap: 8 }, select: null, label: null, error: null };
createCacheKey = { backgroundColor: require("Themes").colors.BACKGROUND_BASE_LOWER, borderRadius: require("Themes").radii.xs };
createCacheKey[1] = createCacheKey;
createCacheKey[2] = { color: require("Themes").colors.TEXT_SUBTLE, fontWeight: "500" };
const obj1 = { color: require("Themes").colors.TEXT_SUBTLE, fontWeight: "500" };
createCacheKey[3] = { color: require("Themes").unsafe_rawColors.RED_400 };
createCacheKey = createCacheKey.createStyles(createCacheKey);
const GuildSelector = "GuildSelector";
let obj2 = { color: require("Themes").unsafe_rawColors.RED_400 };
const result = require("ME").fileFinishedImporting("modules/oauth2/native/GuildSelector.tsx");

export default function GuildSelector(disabled) {
  let error;
  let selectedGuildId;
  ({ error, selectedGuildId } = disabled);
  const onGuildChange = disabled.onGuildChange;
  const guilds = disabled.guilds;
  const tmp = createCacheKey();
  const items = [guilds, onGuildChange, selectedGuildId];
  const callback = React.useCallback(() => {
    let obj = onGuildChange(outer1_3[6]);
    obj = { title: null, items: null, onItemSelect: null, selectedItem: null, hasIcons: false };
    const intl = selectedGuildId(outer1_3[9]).intl;
    obj[0] = intl.string(selectedGuildId(outer1_3[9]).t.oM4E1A);
    const found = guilds.filter((permissions) => callback2(table[10]).has(permissions.permissions, constants.MANAGE_GUILD));
    obj[1] = found.map((label) => ({ label: label.name, value: label.id }));
    obj[2] = function onItemSelect(arg0) {
      callback(arg0);
      outer1_1(outer1_3[6]).hideActionSheet(outer1_10);
    };
    obj[3] = selectedGuildId;
    obj.openLazy(selectedGuildId(outer1_3[8])(outer1_3[7], outer1_3.paths), outer1_10, obj);
  }, items);
  let found = guilds.find((id) => id.id === selectedGuildId);
  let obj = { style: tmp.selectorGroup, children: null };
  obj = { variant: "eyebrow", color: "text-default", children: null };
  let intl = selectedGuildId(1236).intl;
  obj[2] = intl.string(selectedGuildId(1236).t["1DXFFd"]);
  const items1 = [callback(selectedGuildId(4251).Text, obj), , , ];
  let tmp6Result = null;
  if (null != error) {
    tmp6Result = null;
    if ("" !== error) {
      obj = { style: null, children: null };
      obj[0] = tmp.error;
      obj[1] = error;
      tmp6Result = tmp6(tmp7(1297).LegacyText, obj);
    }
  }
  items1[1] = tmp6Result;
  let name;
  if (found != null) {
    name = found.name;
  }
  if (name == null) {
    const intl2 = tmp7(1236).intl;
    name = intl2.string(tmp7(1236).t.oM4E1A);
  }
  items1[2] = callback(selectedGuildId(7749).FormRow, { label: name, disabled: disabled.disabled, trailing: callback(selectedGuildId(7749).FormRow.Arrow, {}), DEPRECATED_style: tmp.select, onPress: callback });
  const obj2 = { style: tmp.label, children: null };
  const intl3 = tmp7(1236).intl;
  obj2[1] = intl3.format(selectedGuildId(1236).t.t9Jm9o, {});
  items1[3] = callback(selectedGuildId(1297).LegacyText, obj2);
  obj[1] = items1;
  return closure_8(View, obj);
};
export const useStyles = createCacheKey;