// Metro module 10396 (f10397).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
import { Button } from "../../../../design/components/Button/native/Button.native";
import { showChannelFollowingActionSheet } from "../../../channel_following/native/showChannelFollowingActionSheet";
let useStyles;
export function AnnouncementChannelLurkerBar(props) {
  const channel = props.channel;
  const styles = useStyles();
  return <View style={styles.wrapper}>
    <Text style={styles.text} variant="text-sm/medium" color="mobile-text-heading-primary">
      {intl.string(t.Hl0Mqh)}
    </Text>
    <Button onPress={function onPress() {
      const id = channel.id;
      const guildId = channel.getGuildId();
      if (guildId != null) {
        showChannelFollowingActionSheet(id, guildId);
      }
    }} text={intl.string(t["4z5PU1"])} size="sm" variant="secondary" grow />
  </View>;
}
useStyles = createStyles({
  wrapper: {
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
    padding: 16,
    paddingTop: 8
  },
  text: {
    textAlign: "center",
    marginBottom: 8
  }
});
export default AnnouncementChannelLurkerBar;