// Module ID: 12647
// Function ID: 12648
// Name: GuildPowerupsSectionHeader
// Dependencies: [17, 21, 4607, 576, 7054, 4603, 2]
// Exports: default

// Module 12647 (GuildPowerupsSectionHeader)
import _mod17 from "module_17" /* 17 */;
import nativeDefault from "native" /* 576 */;
import Text_Text from "Text/Text" /* 4603 */;
import ManaTypeConsolidationExperiment from "ManaTypeConsolidationExperiment" /* 7054 */;
import jsxProd from "jsxProd" /* 21 */;
import createStyles from "createStyles" /* 4607 */;
import size from "module_2" /* 2 */;

const View = _mod17.View;
({ jsx: c3, jsxs: closure_4 } = jsxProd);
const obj = { headerContainer: { padding: nativeDefault.space.PX_16 } };
let closure_5 = createStyles.createStyles(obj);
const result = size.fileFinishedImporting("modules/premium/powerups/native/GuildPowerupsSectionHeader.tsx");

export default function GuildPowerupsSectionHeader(arg0) {
  ({ title, description } = arg0);
  const tmp = closure_5();
  const obj2 = { style: tmp.headerContainer, children: null };
  const manaTypeConsolidationExperiment = ManaTypeConsolidationExperiment.useManaTypeConsolidationExperiment("GuildPowerupsSectionHeader");
  const items = [React3(Text_Text.Text, { variant: "heading-lg/semibold", accessibilityRole: "header", children: title }), ];
  let str = "text-md/normal";
  if (manaTypeConsolidationExperiment) {
    str = "experimental/body-sm/normal";
  }
  items[1] = React3(Text_Text.Text, { variant: str, children: description });
  obj2.children = items;
  return React4(View, obj2);
};