// Metro module 13904 (f13905).
import { useCallback } from "react";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useIsParentalConsentBannerActive } from "../useIsParentalConsentBannerActive";
import { useParentalConsentWarning } from "../useParentalConsentWarning";
import Linking from "../../../lib/native/Linking";
import { Text } from "../../../design/components/Text/native/Text";
import FamilyCenterInlineWarningNotice from "./FamilyCenterInlineWarningNotice";
import { intl } from "../../../intl/index.native";
import FamilyCenter_messages from "../FamilyCenter.messages";
const useStyles = createStyles({
  container: {
    marginTop: Module712.space.PX_16
  },
  link: {
    textDecorationLine: "underline"
  }
});
export default function FamilyCenterParentalConsentNotice() {
  const styles = useStyles();
  const isParentalConsentBannerActive = useIsParentalConsentBannerActive();
  let count = useParentalConsentWarning()?.daysRemaining;
  if (count == null) {
    count = null;
  }
  const callback = useCallback(() => {
    Linking.openURL("https://support.discord.com/hc/articles/14155060633623");
  }, []);
  if (isParentalConsentBannerActive && count != null && !(count < 0)) {
    const learnMoreHook = function learnMoreHook(a0, a1) {
      return <Text key={a1} variant="text-sm/medium" color="text-strong" style={styles.link} accessibilityRole="link" onPress={callback}>
        {a0}
      </Text>;
    };
    return <FamilyCenterInlineWarningNotice style={styles.container} text={count === 0 ? intl.format(FamilyCenter_messages.S5kmfO, {
      learnMoreHook
    }) : intl.format(FamilyCenter_messages["5jm+T3"], {
      count,
      learnMoreHook
    })} />;
  }
  return null;
};