// 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>;
};