// Metro module 15005 (f15006).
import { memo } from "react";
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 FastImage from "../../../components_native/common/FastImage";
import Module11424 from "../../../_bundle/Module11424";
const useStyles = createStyles({
  badgeImageContainer: {
    position: "absolute",
    bottom: -3,
    right: -3,
    height: 22,
    width: 22,
    borderColor: Module712.colors.BACKGROUND_BASE_LOWEST,
    backgroundColor: Module712.colors.STATUS_WARNING_BACKGROUND,
    borderWidth: 3,
    borderRadius: 11,
    justifyContent: "center",
    alignItems: "center",
    overflow: "hidden"
  },
  badgeImage: {
    height: 16,
    width: 16,
    opacity: DARK_1_LIGHT_08,
    tintColor: Module712.colors.BLACK
  }
});
const r45 = memo(function GuildsBarGeoRestrictedBadge(props) {
  const style = props.style;
  const styles = useStyles();
  return <View style={[styles.badgeImageContainer, style]} pointerEvents="none">
    <FastImage source={Module11424} style={styles.badgeImage} />
  </View>;
});
export default r45;