// Metro module 8518 (f8519).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { TrophyIcon } from "../../../../design/components/Icon/native/redesign/generated/TrophyIcon";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
const useStyles = createStyles({
  container: {
    flex: 1,
    flexDirection: "row",
    alignItems: "flex-end"
  },
  gameRankPill: {
    flexDirection: "row",
    backgroundColor: Module712.colors.WHITE,
    borderRadius: Module712.radii.round,
    paddingHorizontal: Module712.space.PX_8,
    alignItems: "center",
    gap: Module712.space.PX_4,
    ...Module712.shadows.SHADOW_LOW
  }
});
export default function GameProfileRankPill(props) {
  const { rank, compact = false } = props;
  const styles = useStyles();
  return <View style={styles.container}>
    <View style={styles.gameRankPill}>
      <TrophyIcon size="xxs" color={Module712.colors.BLACK} />
      <Text variant="text-xs/bold" color="text-overlay-dark">
        {(compact ? intl.formatToPlainString(t.UA6RoE, {
          rank
        }) : intl.formatToPlainString(t.ehZXlZ, {
          rank
        })).toUpperCase()}
      </Text>
    </View>
  </View>;
};