// Module ID: 13930
// Function ID: 13931
// Name: FamilyCenterActivitySectionHeader
// Dependencies: [32, 19, 17, 5794, 21, 4189, 712, 6256, 5855, 13925, 4185, 11110, 1236, 2223, 13931, 4717, 2]
// Exports: default

// Module 13930 (FamilyCenterActivitySectionHeader)
import _slicedToArray from "_slicedToArray";
import noop from "noop";
import get_ActivityIndicator from "get ActivityIndicator";
import items from "items";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";
import createCacheKey from "createCacheKey";

let c10;
let c5;
let c9;
let closure_6;
let error;
let metroImportAll;
const require = arg1;
function FamilyCenterActivitySectionHeader(displayType) {
  displayType = displayType.displayType;
  const tmp = createCacheKey();
  let flag = importDefault(6256)();
  let obj = require(5855) /* getEmptyActivityFormatter */;
  const activityTypeTextConfigs = obj.getActivityTypeTextConfigs();
  const value = activityTypeTextConfigs.get(displayType);
  const actionsForDisplayType = require(13925) /* useActionsForDisplayType */.useActionsForDisplayType(displayType);
  const obj4 = require(13925) /* useActionsForDisplayType */;
  const formattedTotalForDisplayType = require(13925) /* useActionsForDisplayType */.useFormattedTotalForDisplayType(displayType);
  if (displayType === constants.PURCHASES) {
    let length = formattedTotalForDisplayType;
    let sectionHeaderResult;
    if (value != null) {
      sectionHeaderResult = value.sectionHeader(length);
    }
    let sectionDescription;
    if (value != null) {
      sectionDescription = value.sectionDescription;
    }
    let tmp10 = null;
    if (undefined !== sectionDescription) {
      let sectionDescriptionResult;
      if (value != null) {
        if (flag == null) {
          flag = false;
        }
        sectionDescriptionResult = value.sectionDescription(flag);
      }
      tmp10 = sectionDescriptionResult;
    }
    obj = { variant: "text-sm/semibold", style: null, children: null };
    obj[1] = tmp.header;
    obj[2] = sectionHeaderResult;
    const items = [callback2(tmp3(4185).Text, obj), ];
    let tmp14Result = null;
    if (null !== tmp10) {
      obj = { variant: "text-sm/medium", color: "text-muted", style: null, children: null };
      obj[2] = tmp.description;
      obj[3] = tmp10;
      tmp14Result = callback2(tmp3(4185).Text, obj);
    }
    const obj1 = { children: null };
    items[1] = tmp14Result;
    obj1[0] = items;
    return closure_10(closure_6, obj1);
  }
  length = actionsForDisplayType.length;
}
({ ActivityIndicator: c5, View: closure_6 } = get_ActivityIndicator);
({ FAMILY_CENTER_ITEMS_SHOWN_INCREMENTS: error, TeenActionDisplayType: metroImportAll } = items);
({ jsx: c9, jsxs: c10 } = jsxProd);
createCacheKey = { header: null, description: null };
createCacheKey = { marginBottom: require("Themes").space.PX_4 };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { marginBottom: require("Themes").space.PX_8 };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj2 = { container: { display: "flex" }, loadMoreContainer: { display: "flex", flexDirection: "row", flex: 1, alignItems: "center", justifyContent: "center", width: "100%" }, loadMore: null, loadMoreButton: null };
let obj1 = { marginBottom: require("Themes").space.PX_8 };
obj2[2] = { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", borderBottomRightRadius: require("Themes").radii.sm, borderBottomLeftRadius: require("Themes").radii.sm, backgroundColor: require("Themes").colors.BACKGROUND_MOD_SUBTLE, width: "60%" };
obj2[3] = { paddingVertical: 4 };
let closure_13 = createCacheKey.createStyles(obj2);
let obj3 = { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", borderBottomRightRadius: require("Themes").radii.sm, borderBottomLeftRadius: require("Themes").radii.sm, backgroundColor: require("Themes").colors.BACKGROUND_MOD_SUBTLE, width: "60%" };
const result = require("get ActivityIndicator").fileFinishedImporting("modules/parent_tools/native/FamilyCenterActivitySection.tsx");

export default function FamilyCenterActivitySection(displayType) {
  displayType = displayType.displayType;
  let loadMore;
  let dependencyMap;
  let loadMoreButton = callback3();
  let obj = displayType(13925);
  const actionsForDisplayType = obj.useActionsForDisplayType(displayType);
  let obj1 = displayType(13925);
  const actionTotalsForDisplayType = obj1.useActionTotalsForDisplayType(displayType);
  let obj2 = displayType(11110);
  const familyCenterActions = obj2.useFamilyCenterActions({});
  loadMore = familyCenterActions.loadMore;
  const tmp6 = callback(React.useState(closure_7), 2);
  dependencyMap = tmp6[1];
  const substr = actionsForDisplayType.slice(0, tmp6[0]);
  const items = [loadMore, displayType];
  if (0 === actionsForDisplayType.length) {
    return null;
  } else {
    const intl = tmp(1236).intl;
    obj = { pageSize: null };
    const _Math = Math;
    obj[0] = Math.min(actionTotalsForDisplayType - substr.length, closure_7);
    const formatToPlainStringResult = intl.formatToPlainString(loadMore(2223)["7dMmJY"], obj);
    obj = { style: null, children: null };
    obj[0] = loadMoreButton.container;
    obj1 = { displayType: null };
    obj1[0] = displayType;
    const items1 = [callback2(FamilyCenterActivitySectionHeader, obj1), substr.map((action) => callback(loadMore(13931), { action }, action.event_id)), ];
    if (substr.length >= actionTotalsForDisplayType) {
      items1[2] = null;
      obj[1] = items1;
      return tmp15(tmp16, obj);
    } else {
      obj2 = { style: null, children: null };
      obj2[0] = loadMoreButton.loadMoreContainer;
      if (familyCenterActions.isMoreLoading) {
        const obj3 = { style: null, children: null };
        obj3[0] = loadMoreButton.loadMore;
        const obj4 = { style: null, animating: true, color: "#fff", size: "small" };
        loadMoreButton = loadMoreButton.loadMoreButton;
        obj4[0] = loadMoreButton;
        obj3[1] = tmp17(closure_5, obj4);
        let tmp17Result = tmp17(tmp16, obj3);
      } else {
        const obj5 = { style: null, accessibilityLabel: null, accessibilityRole: "button", onPress: null, children: null };
        obj5[0] = loadMoreButton.loadMore;
        obj5[1] = formatToPlainStringResult;
        obj5[3] = tmp7;
        const obj6 = { style: null, variant: "text-xs/semibold", color: "text-overlay-light", children: null };
        obj6[0] = loadMoreButton.loadMoreButton;
        obj6[3] = formatToPlainStringResult;
        obj5[4] = tmp17(tmp(4185).Text, obj6);
        tmp17Result = tmp17(tmp(4717).PressableOpacity, obj5);
      }
      obj2[1] = tmp17Result;
      tmp17Result = tmp17(tmp16, obj2);
    }
    tmp15 = closure_10;
  }
};