25 lines
1.0 KiB
TypeScript
25 lines
1.0 KiB
TypeScript
// 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>;
|
|
};
|