51 lines
1.8 KiB
TypeScript
51 lines
1.8 KiB
TypeScript
// Metro module 12545 (f12546).
|
|
import { TouchableOpacity, View } from "react-native";
|
|
import { getPremiumGroupProductName } from "../PremiumGroupConstants";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import PremiumGroup_messages from "../PremiumGroup.messages";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
let useStyles;
|
|
const handlePress = function handlePress() {
|
|
ActionSheetActionCreators.openLazy(import("./PremiumGroupEducationActionSheet"), "PremiumGroupEducationActionSheet", {
|
|
aboutText: intl.formatToPlainString(PremiumGroup_messages["5xN/C1"], {
|
|
premiumGroupProductName: getPremiumGroupProductName()
|
|
})
|
|
});
|
|
};
|
|
useStyles = createStyles({
|
|
premiumGroupBanner: {
|
|
backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
|
|
flexDirection: "row",
|
|
gap: 12,
|
|
padding: 12,
|
|
justifyContent: "center",
|
|
borderColor: Module712.colors.STATUS_WARNING,
|
|
borderWidth: 1,
|
|
borderRadius: Module712.radii.lg,
|
|
marginBottom: 12
|
|
},
|
|
pgUnavailable: {
|
|
flex: 1,
|
|
justifyContent: "center"
|
|
},
|
|
pgUnavailableText: {
|
|
textAlign: "center"
|
|
}
|
|
});
|
|
export default function BoostingUnavailablePill(props) {
|
|
const style = props.style;
|
|
const styles = useStyles();
|
|
return <TouchableOpacity activeOpacity={0.7} onPress={handlePress}>
|
|
<View style={[styles.premiumGroupBanner, style]}>
|
|
<View style={styles.pgUnavailable}>
|
|
<Text variant="text-md/normal" color="interactive-text-active" style={styles.pgUnavailableText}>
|
|
{intl.string(t["5nrJDO"])}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</TouchableOpacity>;
|
|
};
|