// Module ID: 10019
// Function ID: 10020
// Name: SecureFramesVerificationBottomSheet
// Dependencies: [19, 17, 10004, 21, 4788, 576, 10010, 4755, 7427, 7426, 7475, 5371, 1115, 4784, 5216, 5345, 10017, 10020, 2]
// Exports: default

// Module 10019 (SecureFramesVerificationBottomSheet)
import nativeDefault from "native" /* 576 */;
import ActionSheetActionCreatorsDefault from "ActionSheetActionCreators" /* 4755 */;
import noop from "module_19" /* 19 */;

const require = fn;
const View = fn(17).View;
const SecureFramesConstants = fn(10004);
({ EPOCH_AUTHENTICATOR_CHUNK_SIZE: hasOwnProperty, EPOCH_AUTHENTICATOR_COLUMNS: metroRequire, EPOCH_AUTHENTICATOR_LENGTH: closure_7 } = SecureFramesConstants);
const jsxProd = fn(21);
({ jsx: closure_8, jsxs: closure_9 } = jsxProd);
const createStyles = fn(4788);
let obj2 = { iconContainer: null, icon: null, share: null, content: null, subtitle: null, footer: null };
let size = { height: 80, width: 80, borderRadius: 40, alignItems: "center", justifyContent: "center", backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG };
obj2.iconContainer = size;
obj2.icon = { height: 48, width: 48 };
obj2.share = { height: 24 };
obj2.content = { padding: 16 };
obj2.subtitle = { textAlign: "center" };
obj2.footer = { textAlign: "center", marginTop: 8 };
let closure_10 = createStyles.createStyles(obj2);
size = fn(2);
const result = size.fileFinishedImporting("modules/rtc/native/SecureFramesVerificationBottomSheet.tsx");

export default function SecureFramesVerificationBottomSheet(onShareClick) {
  onShareClick = onShareClick.onShareClick;
  ({ title, subtitle, footer, epochAuthenticator } = onShareClick);
  const tmp = closure_10();
  const readableSecureFramesFingerprint = onShareClick(10010).useReadableSecureFramesFingerprint({ fingerprintBase64: epochAuthenticator, chunkSize, desiredLength });
  const items = [readableSecureFramesFingerprint, onShareClick];
  const callback = noop.useCallback(() => {
    if (null != readableSecureFramesFingerprint) {
      const joined = readableSecureFramesFingerprint.join(" ");
      ActionSheetActionCreatorsDefault.hideActionSheet();
      onShareClick(joined);
    }
  }, items);
  const callback1 = noop.useCallback(() => {
    readableSecureFramesFingerprint(dependencyMap[7]).hideActionSheet();
  }, []);
  const obj3 = { startExpanded: true, header: null, children: null };
  const obj4 = { title: null, leading: closure_8(onShareClick(7475).ActionSheetCloseButton, { onPress: callback1 }), trailing: null };
  const obj5 = { style: tmp.share, hitSlop: 8, onPress: callback, disabled: null == readableSecureFramesFingerprint, accessibilityRole: "button", accessibilityLabel: null, children: null };
  const intl = onShareClick(1115).intl;
  obj5.accessibilityLabel = intl.string(onShareClick(1115).t.RDE0Sc);
  const obj6 = { variant: "text-md/semibold", color: "text-brand", children: null };
  const intl2 = onShareClick(1115).intl;
  obj6.children = intl2.string(onShareClick(1115).t.RDE0Sc);
  obj5.children = closure_8(onShareClick(4784).Text, obj6);
  obj4.trailing = closure_8(onShareClick(5371).PressableOpacity, obj5);
  obj3.header = closure_8(onShareClick(7426).BottomSheetTitleHeader, obj4);
  const obj7 = { style: tmp.content, children: null };
  const obj8 = { spacing: 8, justify: "center", align: "center", direction: "vertical", children: null };
  const obj9 = { style: tmp.iconContainer, children: null };
  const obj = onShareClick(10010);
  let obj2 = { fingerprintBase64: epochAuthenticator, chunkSize, desiredLength };
  const tmp2 = onShareClick;
  const tmp8 = closure_9;
  const tmp9 = View;
  obj9.children = closure_8(onShareClick(5345).LockIcon, { style: tmp.icon, color: readableSecureFramesFingerprint(576).colors.TEXT_SUBTLE });
  const items1 = [closure_8(View, obj9), closure_8(onShareClick(4784).Text, { variant: "heading-xl/bold", color: "mobile-text-heading-primary", children: title }), closure_8(onShareClick(4784).Text, { style: tmp.subtitle, variant: "text-md/medium", color: "text-default", children: subtitle })];
  obj8.children = items1;
  const items2 = [closure_9(onShareClick(5216).Stack, obj8), , ];
  const obj12 = { title: null, trailing: null, chunks: null, columns: null };
  const obj10 = { style: tmp.icon, color: readableSecureFramesFingerprint(576).colors.TEXT_SUBTLE };
  const obj11 = { style: tmp.subtitle, variant: "text-md/medium", color: "text-default", children: subtitle };
  const tmp10 = readableSecureFramesFingerprint;
  const intl3 = onShareClick(1115).intl;
  obj12.title = intl3.string(onShareClick(1115).t.cgBTyO);
  let tmp7Result = null != readableSecureFramesFingerprint;
  if (tmp7Result) {
    const obj13 = { chunks: readableSecureFramesFingerprint };
    tmp7Result = tmp7(tmp10(10020), obj13);
  }
  obj12.trailing = tmp7Result;
  obj12.chunks = readableSecureFramesFingerprint;
  obj12.columns = columns;
  items2[1] = closure_8(readableSecureFramesFingerprint(10017), obj12);
  items2[2] = closure_8(tmp2(4784).Text, { style: tmp.footer, variant: "text-xs/normal", color: "text-muted", children: footer });
  obj7.children = items2;
  obj3.children = tmp8(tmp9, obj7);
  return closure_8(onShareClick(7427).BottomSheet, obj3);
};