// Module ID: 9850
// Function ID: 9851
// Name: RolePill
// Dependencies: [19, 17, 676, 21, 4380, 712, 4070, 5858, 5862, 4097, 4949, 5878, 4376, 2]
// Exports: default

// Module 9850 (RolePill)
import noopAll from "noop" /* 19 */;
import ThemesDefault from "Themes" /* 712 */;
import { View } from "get ActivityIndicator" /* 17 */;
import ME from "ME" /* 676 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;

const require = arg1;
noopAll;
({ EMPTY_STRING_SNOWFLAKE_ID: c4, MAX_VISUAL_ROLE_LENGTH: c5 } = ME);
({ jsx: closure_6, jsxs: error } = jsxProd);
createCacheKey = { container: null, pill: null, bubble: null, verifiedContainer: null, roleIcon: null };
createCacheKey = { marginRight: 4, marginBottom: 4, borderRadius: ThemesDefault.radii.xs };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { flexDirection: "row", alignItems: "center", paddingHorizontal: 8, paddingVertical: 6, borderRadius: ThemesDefault.radii.xs, backgroundColor: ThemesDefault.colors.BACKGROUND_BASE_LOWEST };
let obj1 = { flexDirection: "row", alignItems: "center", paddingHorizontal: 8, paddingVertical: 6, borderRadius: ThemesDefault.radii.xs, backgroundColor: ThemesDefault.colors.BACKGROUND_BASE_LOWEST };
createCacheKey[2] = { marginRight: 8, borderRadius: ThemesDefault.radii.sm, height: 12, width: 12, backgroundColor: ThemesDefault.colors.ICON_MUTED };
let obj2 = { marginRight: 8, borderRadius: ThemesDefault.radii.sm, height: 12, width: 12, backgroundColor: ThemesDefault.colors.ICON_MUTED };
createCacheKey[3] = { marginRight: 8, borderRadius: ThemesDefault.radii.sm, height: 12, width: 12 };
createCacheKey[4] = { paddingRight: 4 };
let closure_8 = createCacheKey.createStyles(createCacheKey);
let obj3 = { marginRight: 8, borderRadius: ThemesDefault.radii.sm, height: 12, width: 12 };
const result = require("set").fileFinishedImporting("components_native/common/RolePill.tsx");

export default function RolePill(role) {
  role = role.role;
  ({ guildId, color } = role);
  let combined;
  const DeveloperMode = role(4070).DeveloperMode;
  const setting = DeveloperMode.useSetting();
  let obj = role(5858);
  obj = { guildId, roleId: role.id, size: 12 };
  const roleIcon = obj.useRoleIcon(obj);
  let name = role.name;
  combined = name;
  if (role.name.length > closure_5) {
    name = role.name;
    const _HermesInternal = HermesInternal;
    combined = "" + name.slice(0, tmp5) + "...";
    name = combined;
  }
  if (color == null) {
    color = role.colorString;
  }
  const tags = role.tags;
  let guild_connections;
  if (tags != null) {
    guild_connections = tags.guild_connections;
  }
  const tmp9 = callback();
  let disableInteraction = !setting;
  if (setting) {
    disableInteraction = role.disableInteraction;
  }
  obj = {
    disabled: disableInteraction,
    style: tmp9.container,
    onPress: function handlePress() {
      role(closure_1_2[8]).copy(role.id);
      const obj = role(closure_1_2[8]);
      role(closure_1_2[9]).roleIdCopied(combined);
    },
    accessible: false,
    children: null
  };
  obj1 = { style: tmp9.pill, children: null };
  if (undefined !== guild_connections) {
    const obj2 = { style: null, roleId: null, guildId: null, roleColor: null, size: 14, displayRoleIcon: false };
    obj2[0] = tmp9.verifiedContainer;
    obj2[1] = role.id;
    if (guildId == null) {
      guildId = closure_4;
    }
    obj2[2] = guildId;
    obj2[3] = color;
    let tmp10Result = tmp10(combined(5878), obj2);
    const tmp15 = combined(5878);
  } else {
    const items = [tmp9.bubble, ];
    if (null != color) {
      const obj3 = { backgroundColor: null };
      obj3[0] = color;
      let obj4 = obj3;
    } else {
      obj4 = {};
    }
    const obj5 = { style: null };
    items[1] = obj4;
    obj5[0] = items;
    tmp10Result = tmp10(tmp12, obj5);
  }
  const items1 = [tmp10Result, , ];
  tmp10Result = null;
  if (null != roleIcon) {
    const obj6 = { style: null, children: null };
    obj6[0] = tmp9.roleIcon;
    obj6[1] = roleIcon;
    tmp10Result = tmp10(tmp12, obj6);
  }
  items1[1] = tmp10Result;
  items1[2] = closure_6(role(4376).Text, { variant: "text-xs/semibold", color: "interactive-text-active", children: name });
  obj1[1] = items1;
  obj[4] = closure_7(View, obj1);
  return closure_6(role(4949).PressableHighlight, obj);
};