// Module ID: 10830
// Function ID: 10831
// Name: ChatGDMUpsellActionSheet
// Dependencies: [19, 17, 21, 4668, 712, 1629, 4200, 1377, 4346, 6988, 5454, 10831, 4750, 1236, 6990, 4739, 10832, 4322, 2]
// Exports: default

// Module 10830 (ChatGDMUpsellActionSheet)
import ThemesDefault from "Themes" /* 712 */;
import useSafeAreaInsetsDefault from "useSafeAreaInsets" /* 1629 */;
import preloadDefault from "preload" /* 5454 */;
import registerAssetDefault from "registerAsset" /* 10831 */;
import closure_3 from "noop" /* 19 */;
import { View } from "get ActivityIndicator" /* 17 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;

const require = arg1;
({ jsx: c5, jsxs: closure_6 } = jsxProd);
createCacheKey = { title: null, footer: null, body: null, noticeContainer: null, innerContainer: null, secondInnerContainer: null, text: null, titleImage: null, item: null, button: null };
createCacheKey = { marginBottom: ThemesDefault.space.PX_4, textAlign: "center" };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { backgroundColor: ThemesDefault.colors.BACKGROUND_BASE_LOW, padding: ThemesDefault.space.PX_16 };
createCacheKey[2] = { textAlign: "center" };
let obj1 = { backgroundColor: ThemesDefault.colors.BACKGROUND_BASE_LOW, padding: ThemesDefault.space.PX_16 };
createCacheKey[3] = { borderRadius: ThemesDefault.radii.sm, marginVertical: ThemesDefault.space.PX_16, padding: ThemesDefault.space.PX_16 };
createCacheKey[4] = { flexDirection: "row", alignItems: "center", paddingBottom: 16 };
createCacheKey[5] = { flexDirection: "row", alignItems: "center" };
createCacheKey[6] = { flex: 1 };
createCacheKey[7] = { padding: 16, justifyContent: "center", alignItems: "center" };
let obj2 = { borderRadius: ThemesDefault.radii.sm, marginVertical: ThemesDefault.space.PX_16, padding: ThemesDefault.space.PX_16 };
createCacheKey[8] = { backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG, marginRight: 16, height: 40, width: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" };
let obj3 = { backgroundColor: ThemesDefault.colors.BACKGROUND_MOD_STRONG, marginRight: 16, height: 40, width: 40, borderRadius: 20, alignItems: "center", justifyContent: "center" };
createCacheKey[9] = { paddingTop: ThemesDefault.space.PX_16 };
let closure_7 = createCacheKey.createStyles(createCacheKey);
let obj4 = { paddingTop: ThemesDefault.space.PX_16 };
let result = require("set").fileFinishedImporting("modules/group_dm/native/ChatGDMUpsellActionSheet.tsx");

export default function ChatGDMUpsellActionSheet(onClick) {
  onClick = onClick.onClick;
  const tmp = callback3();
  const items = [onClick];
  const callback = React.useCallback(() => {
    const result = onClick(closure_1_2[6]).UNSAFE_markDismissibleContentAsDismissed(onClick(closure_1_2[7]).DismissibleContent.GDM_INVITE_REMINDER);
    const obj = onClick(closure_1_2[6]);
    closure_1_1(closure_1_2[8]).hideActionSheet();
    onClick();
  }, items);
  let obj = { showGradient: true, scrollable: true, startExpanded: true, header: null, footer: null, children: null };
  obj = { style: tmp.titleImage, children: null };
  obj = { source: registerAssetDefault, resizeMode: "contain" };
  obj[1] = callback(preloadDefault, obj);
  obj[3] = callback(View, obj);
  obj1 = { style: items1, children: null };
  items1 = [tmp.footer, ];
  const tmp3 = preloadDefault;
  items1[1] = { padding: 16, paddingBottom: useSafeAreaInsetsDefault().bottom + 16 };
  const obj3 = { text: null, onPress: null };
  const intl = onClick(1236).intl;
  obj3[0] = intl.string(onClick(1236).t["3PatSz"]);
  obj3[1] = callback;
  const items2 = [callback(onClick(4750).Button, obj3), ];
  const obj4 = { style: tmp.button, children: null };
  const obj5 = { text: null, onPress: null, variant: "tertiary" };
  const intl2 = onClick(1236).intl;
  obj5[0] = intl2.string(onClick(1236).t["ETE/oC"]);
  obj5[1] = function onPress() {
    callback(table[8]).hideActionSheet();
  };
  obj4[1] = callback(onClick(4750).Button, obj5);
  items2[1] = callback(View, obj4);
  obj1[1] = items2;
  obj[4] = callback2(View, obj1);
  const obj6 = { children: null };
  const obj7 = { style: tmp.title, variant: "heading-lg/extrabold", accessibilityRole: "header", children: null };
  const intl3 = onClick(1236).intl;
  obj7[3] = intl3.string(onClick(1236).t["bkqux/"]);
  const items3 = [callback(onClick(4739).Text, obj7), , ];
  const obj8 = { style: tmp.body, variant: "text-md/medium", color: "text-muted", children: null };
  const intl4 = onClick(1236).intl;
  obj8[3] = intl4.string(onClick(1236).t.N6TdqN);
  items3[1] = callback(onClick(4739).Text, obj8);
  const obj9 = { style: tmp.noticeContainer, children: null };
  const obj10 = { style: tmp.innerContainer, children: null };
  const obj2 = { padding: 16, paddingBottom: useSafeAreaInsetsDefault().bottom + 16 };
  const items4 = [callback(View, { style: tmp.item, children: callback(onClick(10832).TimerIcon, { size: "sm" }) }), ];
  const obj12 = { style: tmp.text, variant: "text-sm/medium", color: "text-default", children: null };
  const intl5 = onClick(1236).intl;
  obj12[3] = intl5.string(onClick(1236).t.Fq3DJb);
  items4[1] = callback(onClick(4739).Text, obj12);
  obj10[1] = items4;
  const items5 = [callback2(View, obj10), ];
  const obj13 = { style: tmp.secondInnerContainer, children: null };
  const obj11 = { style: tmp.item, children: callback(onClick(10832).TimerIcon, { size: "sm" }) };
  const items6 = [callback(View, { style: tmp.item, children: callback(onClick(4322).LinkIcon, { size: "sm" }) }), ];
  const obj15 = { style: tmp.text, variant: "text-sm/medium", color: "text-default", children: null };
  const intl6 = onClick(1236).intl;
  obj15[3] = intl6.string(onClick(1236).t.XKbf2G);
  items6[1] = callback(onClick(4739).Text, obj15);
  obj13[1] = items6;
  items5[1] = callback2(View, obj13);
  obj9[1] = items5;
  items3[2] = callback2(View, obj9);
  obj6[0] = items3;
  obj[5] = callback2(onClick(6990).BottomSheetScrollView, obj6);
  return callback(onClick(6988).BottomSheet, obj);
};