// Metro module 14957 (f14958).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { DARK_1_LIGHT_08 } from "../../../design/migrations/native/LegacyTokens";
import { GuildJoinRequestApplicationStatuses } from "../../guild_member_verification/MemberVerificationTypes";
import Module14958 from "../../../_bundle/Module14958";
import Module14959 from "../../../_bundle/Module14959";
import Module14960 from "../../../_bundle/Module14960";
import Module11442 from "../../../_bundle/Module11442";
import FastImage from "../../../components_native/common/FastImage";
const useStyles = createStyles({
  badgeImageContainer: {
    position: "absolute",
    bottom: -3,
    right: -3,
    height: 22,
    width: 22,
    borderColor: Module712.colors.BACKGROUND_BASE_LOWEST,
    borderWidth: 3,
    borderRadius: 11,
    justifyContent: "center",
    alignItems: "center",
    overflow: "hidden"
  },
  badgeImage: {
    height: 16,
    width: 16,
    opacity: DARK_1_LIGHT_08
  }
});
export default function GuildsBarGuildJoinRequestBadge(props) {
  const { style, joinRequestState } = props;
  const styles = useStyles();
  const source = GuildJoinRequestApplicationStatuses.REJECTED === joinRequestState ? Module14958 : GuildJoinRequestApplicationStatuses.SUBMITTED === joinRequestState ? Module14959 : GuildJoinRequestApplicationStatuses.STARTED === joinRequestState ? Module14960 : GuildJoinRequestApplicationStatuses.APPROVED === joinRequestState ? Module11442 : null;
  return source != null ? <View pointerEvents="none" style={[styles.badgeImageContainer, style]}>
    <FastImage source={source} style={styles.badgeImage} />
  </View> : null;
};