// Metro module 13023 (f13024).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { intl, t } from "../../../intl/index.native";
import { isSocialLayerUmbrellaScope } from "../../oauth2/scopes";
import FastImage from "../../../components_native/common/FastImage";
import { makeSource } from "../../../utils/AvatarUtils";
import ActivateDeviceSharedStyles from "./ActivateDeviceSharedStyles";
import { Text } from "../../../design/components/Text/native/Text";
import { Button } from "../../../design/components/Button/native/Button.native";
const useStyles = createStyles({
  image: {
    width: 300,
    height: 200,
    alignSelf: "center"
  }
});
export function ActivateDeviceSuccess(props) {
  const { data, onComplete, successImage } = props;
  const styles = useStyles();
  const r15 = data.twoWayLinkCode != null ? intl.string(t.QhATl2) : data.scopes.some((scope) => isSocialLayerUmbrellaScope(scope)) ? intl.string(t.vBPvK3) : null;
  return <>
    {[successImage != null ? <FastImage source={makeSource(successImage)} style={styles.image} resizeMode="contain" /> : null, <View style={ActivateDeviceSharedStyles.innerContent}>
      <Text variant="heading-lg/bold" color="mobile-text-heading-primary" style={ActivateDeviceSharedStyles.centerText}>
        {intl.string(t.qDtJmD)}
      </Text>
      {r15 != null ? <Text variant="text-md/medium" color="text-default" style={ActivateDeviceSharedStyles.centerText}>{r15}</Text> : null}
    </View>, <Button size="lg" text={intl.string(t.cpT0Cq)} onPress={onComplete} grow />]}
  </>;
}