// Metro module 12465 (f12466).
import { HorizontalGradient } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import usePremiumPrimaryGradientColors from "../usePremiumPrimaryGradientColors";
import Module4611 from "../../../../_bundle/Module4611";
import { Text } from "../../../../design/components/Text/native/Text";
const useStyles = createStyles({
  pillTextContainer: {
    paddingHorizontal: 8,
    borderRadius: Module712.radii.lg,
    justifyContent: "center"
  },
  pillText: {
    textTransform: "uppercase"
  }
});
export default function PillText(props) {
  const { pillText, style } = props;
  const styles = useStyles();
  return <Module4611 style={[styles.pillTextContainer, style]} start={HorizontalGradient.START} end={HorizontalGradient.END} colors={usePremiumPrimaryGradientColors()}>
    <Text variant="text-xs/semibold" color="text-overlay-light" style={styles.pillText}>{pillText}</Text>
  </Module4611>;
};