// Module ID: 14334
// Function ID: 14335
// Name: ConnectGuardianBottomSheet
// Dependencies: [19, 17, 7143, 7144, 21, 4380, 712, 647, 4347, 14335, 5503, 4376, 1236, 2337, 14336, 4815, 2]
// Exports: default

// Module 14334 (ConnectGuardianBottomSheet)
import defaultAreStatesEqual from "defaultAreStatesEqual" /* 647 */;
import ThemesDefault from "Themes" /* 712 */;
import messagesProxyDefault from "messagesProxy" /* 2337 */;
import Text from "Text" /* 4376 */;
import Button from "Button" /* 4815 */;
import Background from "Background" /* 5503 */;
import useOnNewPendingRequestDefault from "useOnNewPendingRequest" /* 14335 */;
import ConnectGuardianCard from "ConnectGuardianCard" /* 14336 */;
import closure_3 from "noop" /* 19 */;
import { View } from "get ActivityIndicator" /* 17 */;
import closure_5 from "freshTeenActivityWithMap" /* 7143 */;
import { CONNECT_GUARDIAN_BOTTOM_SHEET_KEY as closure_6 } from "items" /* 7144 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;

require = arg1;
({ jsx: error, jsxs: closure_8 } = jsxProd);
createCacheKey = { container: null, info: null, centered: null, cardContainer: null };
createCacheKey = { paddingHorizontal: ThemesDefault.space.PX_24, paddingVertical: ThemesDefault.space.PX_24, gap: ThemesDefault.space.PX_24 };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { alignItems: "center", gap: ThemesDefault.space.PX_8 };
createCacheKey[2] = { textAlign: "center" };
createCacheKey[3] = { alignItems: "center" };
let closure_9 = createCacheKey.createStyles(createCacheKey);
let obj1 = { alignItems: "center", gap: ThemesDefault.space.PX_8 };
const result = require("set").fileFinishedImporting("modules/parent_tools/native/ConnectGuardianBottomSheet.tsx");

export default function ConnectGuardianBottomSheet(arg0) {
  ({ title, body } = arg0);
  ({ linkCode, expiresAt, onRefresh } = arg0);
  const tmp = callback();
  let obj = defaultAreStatesEqual;
  const items = [closure_5];
  let stateFromStores = obj.useStateFromStores(items, () => store.getLinkCode());
  obj1 = defaultAreStatesEqual;
  const items1 = [closure_5];
  let stateFromStores1 = obj1.useStateFromStores(items1, () => store.getLinkCodeExpiresAt());
  callback = React.useCallback(() => {
    callback(table[8]).hideActionSheet(closure_6);
  }, []);
  useOnNewPendingRequestDefault(callback);
  obj = { style: tmp.container, children: null };
  obj = { style: tmp.info, children: null };
  obj1 = { style: tmp.centered, accessibilityRole: "header", variant: "heading-xl/bold", color: "mobile-text-heading-primary", children: null };
  if (title == null) {
    const intl = tmp2(1236).intl;
    title = intl.string(tmp7(2337).aCUVfL);
  }
  obj1[4] = title;
  const items2 = [closure_7(Text.Text, obj1), ];
  const obj2 = { style: tmp.centered, variant: "text-md/medium", color: "text-default", children: null };
  if (body == null) {
    const intl2 = tmp2(1236).intl;
    body = intl2.format(tmp7(2337)["2O6ltn"], { link: "https://support.discord.com/hc/articles/14155060633623" });
  }
  obj2[3] = body;
  items2[1] = closure_7(Text.Text, obj2);
  obj[1] = items2;
  const items3 = [closure_8(View, obj), , ];
  const obj3 = { style: tmp.cardContainer, children: null };
  if (stateFromStores == null) {
    stateFromStores = linkCode;
  }
  const obj4 = { linkCode: stateFromStores, expiresAt: null, onRefresh: null };
  if (stateFromStores1 == null) {
    stateFromStores1 = expiresAt;
  }
  const obj5 = { startExpanded: true, children: null };
  obj4[1] = stateFromStores1;
  obj4[2] = onRefresh;
  obj3[1] = closure_7(ConnectGuardianCard.ConnectGuardianCard, obj4);
  items3[1] = closure_7(View, obj3);
  const obj6 = { variant: "secondary", size: "md", text: null, onPress: null };
  const intl3 = tmp2(1236).intl;
  obj6[2] = intl3.string(messagesProxyDefault.Hsm5IF);
  obj6[3] = callback;
  items3[2] = closure_7(Button.Button, obj6);
  obj[1] = items3;
  obj5[1] = closure_8(View, obj);
  return closure_7(Background.BottomSheet, obj5);
};