// Metro module 13024 (f13025).
import { Image as Image2, View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module8981 from "../../../_bundle/Module8981";
import ActivateDeviceSharedStyles from "./ActivateDeviceSharedStyles";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import { Button } from "../../../design/components/Button/native/Button.native";
const useStyles = createStyles({
  image: {
    width: 254,
    height: 127,
    alignSelf: "center"
  }
});
export function ActivateDeviceError(props) {
  const onRetry = props.onRetry;
  return <>
    <Image2 source={Module8981} style={useStyles().image} />
    <View style={ActivateDeviceSharedStyles.innerContent}>
      <Text variant="heading-lg/bold" color="mobile-text-heading-primary" style={ActivateDeviceSharedStyles.centerText}>
        {intl.string(t["3dgwPD"])}
      </Text>
      <Text variant="text-md/medium" color="text-default" style={ActivateDeviceSharedStyles.centerText}>
        {intl.string(t["/GAO1P"])}
      </Text>
    </View>
    <Button size="lg" text={intl.string(t["5911Lb"])} onPress={onRetry} grow />
  </>;
}