// Metro module 12972 (f12973).
import GuildStore from "../../../stores/GuildStore";
import { GUILD_LIMITED_ACCESS_HC_LINK } from "../GuildLimitedAccessConstants";
import { Fonts } from "../../../Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import TextStyles from "../../rebrand/native/TextStyles";
import Module712 from "../../../_bundle/Module712";
import { intl, t } from "../../../intl/index.native";
import Alert from "../../../components_native/common/Alert";
import { LegacyText } from "../../../design/void/native";
import { Text } from "../../../design/components/Text/native/Text";
const useStyles = createStyles({
  header: {
    ...TextStyles(Fonts.PRIMARY_BOLD, Module712.colors.MOBILE_TEXT_HEADING_PRIMARY, 24),
    textAlign: "center",
    marginVertical: 12
  },
  text: {
    textAlign: "center",
    marginVertical: 8
  }
});
export default function GuildLimitedAccessInfoAlert(props) {
  const { guildId, onClose } = props;
  const styles = useStyles();
  const r22 = intl.format(t.ZqkXsC, {
    helpdeskArticle: GUILD_LIMITED_ACCESS_HC_LINK
  });
  const guild = GuildStore.getGuild(guildId);
  const r25 = guild != null ? intl.format(t.jn0Xyx, {
    guildName: guild.name,
    helpdeskArticle: GUILD_LIMITED_ACCESS_HC_LINK
  }) : r22;
  return <Alert onClose={onClose}>
    <LegacyText style={styles.header}>
      {intl.string(t.kJwpBW)}
    </LegacyText>
    <Text style={styles.text} variant="text-md/medium">{r25}</Text>
  </Alert>;
};