39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
// 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;
|