// Metro module 12287 (f12288).
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import useSafeAreaInsets_native from "../../safe_area/useSafeAreaInsets.native";
import { BottomSheet } from "../../../design/components/Sheet/native/BottomSheet.native";
import { Stack } from "../../../design/components/Stack/native/Stack.native";
import { TrafficConeSpotIllustration } from "../../../design/assets/native";
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 ActionSheetActionCreators from "../../action_sheet/native/ActionSheetActionCreators";
import openURL from "../../../lib/openURL";
const useStyles = createStyles({
  container: {
    padding: Module712.space.PX_12
  },
  title: {
    textAlign: "center"
  },
  body: {
    textAlign: "center"
  }
});
export default function SuspiciousDownloadActionSheet(props) {
  const href = props.href;
  const styles = useStyles();
  return <BottomSheet startExpanded>
    <Stack spacing={16} justify="center" align="center" style={[styles.container, {
      paddingBottom: useSafeAreaInsets_native().bottom
    }]}>
      <Stack spacing={8} justify="center" align="center">
        <TrafficConeSpotIllustration />
        <Text style={styles.title} accessibilityRole="header" variant="heading-lg/extrabold" color="mobile-text-heading-primary">
          {intl.string(t.XtDo9Z)}
        </Text>
        <Text style={styles.body} variant="text-md/medium">
          {intl.string(t.L9yFko)}
        </Text>
      </Stack>
      <Stack spacing={8}>
        <Button text={intl.string(t.j7Vi2i)} onPress={() => ActionSheetActionCreators.hideActionSheet()} />
        <Button text={intl.string(t["/bHu89"])} onPress={function onPress() {
          ActionSheetActionCreators.hideActionSheet();
          openURL(href, true);
        }} variant="secondary" />
      </Stack>
    </Stack>
  </BottomSheet>;
};