// Metro module 12995 (f12996).
import { memo } from "react";
import { dismissUpsellCTA } from "../ContactSyncPersistedStore";
import { AnalyticEvents, AnalyticsSections } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { FormCTA } from "../../../../design/void/Form/native/index";
import AnalyticsUtils from "../../../../utils/AnalyticsUtils";
import { openContactSyncModal } from "../ContactSyncModalActionCreators";
import { showSimpleActionSheet } from "../../../action_sheet/native/showSimpleActionSheet";
import { intl, t } from "../../../../intl/index.native";
import Module12996 from "../../../../_bundle/Module12996";
const useStyles = createStyles({
  container: {
    padding: 12,
    borderRadius: Module712.radii.sm,
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH
  }
});
const r41 = memo(function ContactSyncUpsellCTA(props) {
  const { style, location: location2 } = props;
  return <FormCTA onPress={function onPress() {
    const OPEN_MODAL = AnalyticEvents.OPEN_MODAL;
    let page = location2;
    AnalyticsUtils.track(OPEN_MODAL, {
      type: AnalyticsSections.CONTACT_SYNC_MODAL,
      location: {
        page: location2 == null ? "Friends List Upsell" : location2
      }
    });
    if (location2 == null) {
      page = "Friends List Upsell";
    }
    openContactSyncModal({}, {
      page
    });
  }} onLongPress={function onLongPress() {
    showSimpleActionSheet({
      key: "ContactSyncUpsellLongPress",
      options: [{
        label: intl.string(t.WAI6xu),
        onPress: () => {
          dismissUpsellCTA();
        }
      }],
      hasIcons: false
    });
  }} style={[useStyles().container, style]} iconSource={Module12996} title={intl.string(t.T6Rfd9)} subtitle={intl.string(t.c6KIpg)} />;
});
export default r41;