// Metro module 8459 (f8460).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
const useStyles = createStyles({
  pill: {
    position: "absolute",
    top: 16,
    left: 16,
    paddingHorizontal: 10,
    paddingVertical: 4,
    borderRadius: Module712.radii.lg,
    backgroundColor: Module712.colors.WHITE
  },
  text: {
    color: Module712.colors.BLACK,
    textTransform: "uppercase",
    letterSpacing: 0.5
  }
});
export default function ServerPreviewPill() {
  const styles = useStyles();
  return <View style={styles.pill} accessibilityRole="text">
    <Text variant="text-xs/bold" style={styles.text}>
      {intl.string(t.KNhFgD)}
    </Text>
  </View>;
};