// Module ID: 14238
// Function ID: 14239
// Name: ConnectGuardianCard
// Dependencies: [19, 17, 1922, 5297, 21, 4661, 712, 647, 7410, 14234, 14235, 7167, 4093, 1236, 2335, 4733, 12373, 4734, 4869, 4745, 12047, 6687, 2]
// Exports: ConnectGuardianCard

// Module 14238 (ConnectGuardianCard)
import Button from "Button";
import { View } from "Text";
import mergeGuildAvatar from "mergeGuildAvatar";
import { FAMILY_CENTER_REQUEST_QR_CODE_URL as closure_6 } from "items";
import jsxProd from "ButtonGroup";
import createCacheKey from "createCacheKey";

let error;
let metroImportAll;
const require = arg1;
({ jsx: error, jsxs: metroImportAll } = jsxProd);
createCacheKey = { container: null, compactContainer: null, card: null, countdown: null, divider: null, compactDividerFlush: null, dividerLine: null, dividerText: null, buttonGroup: null };
createCacheKey = { paddingHorizontal: require("Themes").space.PX_16 };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { alignSelf: "center", gap: require("Themes").space.PX_16 };
let obj1 = { alignSelf: "center", gap: require("Themes").space.PX_16 };
createCacheKey[2] = { alignSelf: "center", padding: require("Themes").space.PX_12, borderWidth: 1, borderRadius: require("Themes").radii.lg, borderColor: require("Themes").colors.BORDER_NORMAL };
createCacheKey[3] = { textAlign: "center" };
let obj2 = { alignSelf: "center", padding: require("Themes").space.PX_12, borderWidth: 1, borderRadius: require("Themes").radii.lg, borderColor: require("Themes").colors.BORDER_NORMAL };
createCacheKey[4] = { flexDirection: "row", alignItems: "center", paddingHorizontal: require("Themes").space.PX_8 };
createCacheKey[5] = { paddingHorizontal: 0 };
let obj3 = { flexDirection: "row", alignItems: "center", paddingHorizontal: require("Themes").space.PX_8 };
createCacheKey[6] = { flex: 1, height: 1, backgroundColor: require("Themes").colors.BORDER_NORMAL };
let obj4 = { flex: 1, height: 1, backgroundColor: require("Themes").colors.BORDER_NORMAL };
createCacheKey[7] = { marginHorizontal: require("Themes").space.PX_8 };
createCacheKey[8] = { paddingTop: 0 };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj5 = { marginHorizontal: require("Themes").space.PX_8 };
let result = require("mergeGuildAvatar").fileFinishedImporting("modules/parent_tools/native/ConnectGuardianCard.tsx");

export const ConnectGuardianCard = function ConnectGuardianCard(linkCode) {
  let days;
  let expiresAt;
  let hours;
  let minutes;
  let seconds;
  let shareActions;
  linkCode = linkCode.linkCode;
  ({ expiresAt, shareActions } = linkCode);
  if (shareActions === undefined) {
    shareActions = "none";
  }
  let stateFromStores;
  let id;
  const tmp = createCacheKey();
  let obj = linkCode(id[7]);
  const items = [mergeGuildAvatar];
  stateFromStores = obj.useStateFromStores(items, () => currentUser.getCurrentUser());
  id = undefined;
  if (stateFromStores != null) {
    id = stateFromStores.id;
  }
  ({ days, hours, minutes, seconds } = stateFromStores(id[8])(expiresAt));
  stateFromStores(id[9])(expiresAt, linkCode.onRefresh);
  const items1 = [stateFromStores, linkCode];
  const callback = React.useCallback(() => {
    let tmp2 = null != stateFromStores;
    if (tmp2) {
      tmp2 = "" !== linkCode;
    }
    if (tmp2) {
      const result = linkCode(id[10]).shareGuardianConnectLink(stateFromStores, linkCode);
      const obj = linkCode(id[10]);
    }
  }, items1);
  const items2 = [id, linkCode];
  if (null == id) {
    return null;
  } else {
    const intl5 = tmp2(tmp3[13]).intl;
    obj = { style: null, children: null };
    obj[0] = tmp.card;
    const tmp16 = callback(id, linkCode);
    obj = { align: "center", spacing: null, children: null };
    obj[1] = tmp6(tmp3[6]).space.PX_8;
    const obj1 = { size: 160, text: null };
    obj1[1] = tmp16;
    const items3 = [callback2(tmp2(tmp3[16]).QRCodeWithOverlay, obj1), ];
    const obj2 = { style: null, variant: "text-xs/normal", children: null };
    obj2[0] = tmp.countdown;
    const stringResult = intl5.string(tmp6(tmp3[14]).RfkLDs);
    const _HermesInternal = HermesInternal;
    obj2[2] = "" + stringResult + " " + tmp2(tmp3[18]).getTimeFormat(86400 * days + 3600 * hours + 60 * minutes + seconds);
    items3[1] = callback2(tmp2(tmp3[17]).Text, obj2);
    obj[2] = items3;
    obj[1] = callback3(tmp2(tmp3[15]).Stack, obj);
    const tmp22 = callback2(View, obj);
    if ("none" === shareActions) {
      return tmp22;
    } else {
      const items4 = [tmp.divider, ];
      let compactDividerFlush = tmp23;
      if ("compact" === shareActions) {
        compactDividerFlush = tmp.compactDividerFlush;
      }
      const obj3 = { style: null, children: null };
      items4[1] = compactDividerFlush;
      obj3[0] = items4;
      const obj4 = { style: null };
      obj4[0] = tmp.dividerLine;
      const items5 = [tmp18(tmp19, obj4), , ];
      const obj5 = { style: null, variant: "text-sm/medium", color: "text-muted", children: null };
      obj5[0] = tmp.dividerText;
      const intl = tmp2(tmp3[13]).intl;
      const tmp6Result = tmp6(tmp3[14]);
      obj5[3] = intl.string("compact" === shareActions ? tmp6Result.XhROZk : tmp6Result.lggBOi);
      items5[1] = tmp18(tmp2(tmp3[17]).Text, obj5);
      const obj6 = { style: null };
      obj6[0] = tmp.dividerLine;
      items5[2] = tmp18(tmp19, obj6);
      obj3[1] = items5;
      let tmp20Result = tmp20(tmp19, obj3);
      if ("compact" === shareActions) {
        const obj7 = { style: null, children: null };
        obj7[0] = tmp.compactContainer;
        const items6 = [tmp22, tmp20Result, ];
        const obj8 = { variant: "secondary", size: "md", text: null, icon: null, disabled: null, onPress: null };
        const intl4 = tmp2(tmp3[13]).intl;
        obj8[2] = intl4.string(tmp2(tmp3[13]).t.Ej3B3Y);
        const obj9 = { size: "md", color: null };
        obj9[1] = tmp6(tmp3[6]).colors.CONTROL_SECONDARY_TEXT_DEFAULT;
        obj8[3] = tmp18(tmp2(tmp3[20]).ShareIcon, obj9);
        obj8[4] = "" === linkCode;
        obj8[5] = callback;
        items6[2] = tmp18(tmp2(tmp3[19]).Button, obj8);
        obj7[1] = items6;
        tmp20Result = tmp20(tmp19, obj7);
      } else {
        const obj10 = { spacing: null, style: null, children: null };
        obj10[0] = tmp6(tmp3[6]).space.PX_32;
        obj10[1] = tmp.container;
        const items7 = [tmp22, tmp20Result, ];
        const obj11 = { style: null, children: null };
        obj11[0] = tmp.buttonGroup;
        const obj12 = { variant: "secondary", size: "md", text: null, disabled: null, onPress: null };
        const intl2 = tmp2(tmp3[13]).intl;
        obj12[2] = intl2.string(tmp2(tmp3[13]).t.Ej3B3Y);
        obj12[3] = "" === linkCode;
        obj12[4] = callback;
        const items8 = [tmp18(tmp2(tmp3[19]).Button, obj12), ];
        const obj13 = { variant: "secondary", size: "md", text: null, disabled: null, onPress: null };
        const intl3 = tmp2(tmp3[13]).intl;
        obj13[2] = intl3.string(tmp2(tmp3[13]).t.WqhZss);
        obj13[3] = "" === linkCode;
        obj13[4] = tmp10;
        items8[1] = tmp18(tmp2(tmp3[19]).Button, obj13);
        obj11[1] = items8;
        items7[2] = tmp20(tmp2(tmp3[21]).ButtonGroup, obj11);
        obj10[2] = items7;
        tmp20Result = tmp20(tmp2(tmp3[15]).Stack, obj10);
      }
      return tmp20Result;
    }
    const tmp2Result = tmp2(tmp3[18]);
  }
  const tmp7 = stateFromStores(id[8])(expiresAt);
};