yeet

modules/premium/premium_group/native/BoostingUnavailablePill.tsx

@@ -0,0 +1,50 @@
+// 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>;
+};