// Module ID: 12658
// Function ID: 12659
// Name: GuildPowerupsLevelsSection
// Dependencies: [19, 17, 21, 576, 1116, 4607, 12647, 1114, 2428, 12659, 12660, 2]
// Exports: default

// Module 12658 (GuildPowerupsLevelsSection)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1114 */;
import MarketingCardsScroller from "MarketingCardsScroller" /* 12659 */;
import GuildPowerupsLevelCardDefault from "GuildPowerupsLevelCard" /* 12660 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: hasOwnProperty, Fragment: metroRequire, jsxs: closure_7 } = jsxProd);
const PX_16 = nativeDefault.space.PX_16;
const PlatformUtils = fn(1116);
let num = 325;
if (PlatformUtils.isIOS()) {
  num = 300;
}
const createStyles = fn(4607);
const obj3 = { cardContainer: { width: 250, marginEnd: PX_16, flex: 1 }, scroller: { height: num, paddingBottom: nativeDefault.space.PX_8 }, scrollerContent: null };
const obj4 = { height: num, paddingBottom: nativeDefault.space.PX_8 };
obj3.scrollerContent = { paddingHorizontal: nativeDefault.space.PX_16 };
let closure_9 = createStyles.createStyles(obj3);
const size = fn(2);
const result = size.fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsLevelsSection.tsx");

export default function GuildPowerupsLevelsSection(arg0) {
  ({ guildId: require, listings } = arg0);
  let memo;
  const tmp = closure_9();
  dependencyMap = tmp;
  const items = [listings];
  memo = memo.useMemo(() => {
    const found = listings.filter((type) => "singleLevel" === type.type);
    return found.map((powerup) => powerup.powerup);
  }, items);
  const isScrollingRef = memo.useRef(false);
  let obj = { children: null };
  const callback = memo.useCallback((current) => {
    closure_4.current = current;
  }, []);
  const obj2 = { title: null, description: null };
  const intl = util.intl;
  obj2.title = intl.string(listings(2428)["TXY/b0"]);
  const intl2 = util.intl;
  obj2.description = intl2.string(listings(2428).aJv4PB);
  const items1 = [closure_5(listings(12647), obj2), ];
  const tmp3 = listings(12647);
  items1[1] = closure_5(MarketingCardsScroller.MarketingCardsScroller, {
    cardMarginRight: PX_16,
    cardWidth: 250,
    contentContainerStyle: tmp.scrollerContent,
    itemCount: memo.length,
    onScrollingChange: callback,
    style: tmp.scroller,
    children: memo.map((powerup, index) => {
      const obj = { style: cardContainer.cardContainer, children: hasOwnProperty(GuildPowerupsLevelCardDefault, { guildId, powerup, nextPowerup: memo[index + 1], index, isScrollingRef }) };
      return hasOwnProperty(View, obj, powerup.skuId);
    })
  });
  obj.children = items1;
  return closure_7(closure_6, obj);
};