// Module ID: 17567
// Function ID: 17568
// Name: RedesignDiscoverabilityLanding
// Dependencies: [19, 17, 21, 4636, 576, 1611, 5763, 4632, 1114, 5668, 12879, 12809, 5056, 2]
// Exports: default

// Module 17567 (RedesignDiscoverabilityLanding)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1114 */;
import useSafeAreaInsetsDefault from "useSafeAreaInsets" /* 1611 */;
import Text_Text from "Text/Text" /* 4632 */;
import components_Button_Button from "components/Button/Button" /* 5056 */;
import FastImageDefault from "FastImage" /* 5668 */;
import NavigatorConstants from "NavigatorConstants" /* 5763 */;
import ContactSyncUtils from "ContactSyncUtils" /* 12809 */;
import _modDef12879 from "module_12879" /* 12879 */;
import noop from "module_19" /* 19 */;

require = fn;
get_ActivityIndicator = fn(17);
({ View: c3, ScrollView: closure_4 } = get_ActivityIndicator);
const jsxProd = fn(21);
({ jsx: hasOwnProperty, jsxs: metroRequire } = jsxProd);
const createStyles = fn(4636);
let obj2 = { container: { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW }, topContainer: null, growContainer: null, image: null, title: null, subtitle: null, info: null };
let obj3 = { flex: 1, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
obj2.topContainer = { paddingTop: nativeDefault.space.PX_16 };
obj2.growContainer = { flexGrow: 2 };
let obj4 = { paddingTop: nativeDefault.space.PX_16 };
obj2.image = { width: "100%", marginBottom: nativeDefault.space.PX_32 };
let obj5 = { width: "100%", marginBottom: nativeDefault.space.PX_32 };
obj2.title = { textAlign: "center", marginBottom: nativeDefault.space.PX_16 };
let obj6 = { textAlign: "center", marginBottom: nativeDefault.space.PX_16 };
obj2.subtitle = { textAlign: "center", marginBottom: nativeDefault.space.PX_32 };
obj2.info = { paddingHorizontal: 16, marginTop: 8, marginBottom: 24, textAlign: "center" };
let closure_7 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("modules/nuf/native/components/RedesignDiscoverabilityLanding.tsx");

export default function RedesignDiscoverabilityLanding(onNext) {
  const tmp = closure_7();
  const obj = { style: tmp.container, alwaysBounceVertical: false, contentContainerStyle: { flexGrow: 2, paddingTop: NavigatorConstants.NAV_BAR_HEIGHT + 32, paddingBottom: useSafeAreaInsetsDefault().bottom + 16, paddingHorizontal: nativeDefault.space.PX_16 }, children: null };
  const items = [hasOwnProperty(React3, { style: tmp.topContainer }), , , , , , ];
  const obj4 = { style: tmp.title, accessibilityRole: "header", variant: "heading-xl/extrabold", color: "mobile-text-heading-primary", children: null };
  const intl = util.intl;
  obj4.children = intl.string(util.t.n8nw6j);
  items[1] = hasOwnProperty(Text_Text.Text, obj4);
  const obj5 = { variant: "text-sm/medium", color: "text-default", style: tmp.subtitle, children: null };
  const intl2 = util.intl;
  obj5.children = intl2.string(util.t.KMW0kP);
  items[2] = hasOwnProperty(Text_Text.Text, obj5);
  const obj6 = { resizeMode: "contain", style: tmp.image, source: null };
  const obj2 = { flexGrow: 2, paddingTop: NavigatorConstants.NAV_BAR_HEIGHT + 32, paddingBottom: useSafeAreaInsetsDefault().bottom + 16, paddingHorizontal: nativeDefault.space.PX_16 };
  const obj3 = { style: tmp.topContainer };
  obj6.source = _modDef12879;
  items[3] = hasOwnProperty(FastImageDefault, obj6);
  const obj7 = { style: tmp.info, variant: "text-sm/medium", color: "text-default", children: null };
  const intl3 = util.intl;
  const items1 = [intl3.string(util.t.ci12MJ), " ", ];
  const intl4 = util.intl;
  items1[2] = intl4.format(util.t.VcSQ4n, {
    learnMoreHook(children, arg1) {
      return closure_1_5(Text_Text.Text, { onPress: ContactSyncUtils.handleOpenLearnMoreLink, variant: "text-sm/medium", color: "text-link", children }, arg1);
    }
  });
  obj7.children = items1;
  items[4] = timestampProducer(Text_Text.Text, obj7);
  items[5] = hasOwnProperty(React3, { style: tmp.growContainer });
  const obj10 = { variant: "primary", size: "lg", text: null, onPress: null };
  const intl5 = util.intl;
  obj10.text = intl5.string(util.t.gHPk3I);
  obj10.onPress = onNext.onNext;
  items[6] = hasOwnProperty(components_Button_Button.Button, obj10);
  obj.children = items;
  return timestampProducer(React4, obj);
};