// Module ID: 14650
// Function ID: 14651
// Name: UserProfileUpsellCard
// Dependencies: [19, 17, 7222, 7446, 21, 4574, 576, 1178, 8695, 4570, 5001, 1093, 2]
// Exports: default

// Module 14650 (UserProfileUpsellCard)
import nativeDefault from "native" /* 576 */;
import ConstantsIOS from "ConstantsIOS" /* 1093 */;
import LinearGradientDefault from "LinearGradient" /* 5001 */;
import noop from "module_19" /* 19 */;

const require = globalThis.__r;

require = fn;
get_ActivityIndicator = fn(17);
({ View: c3, ScrollView: closure_4 } = get_ActivityIndicator);
const Gradients = fn(7446).Gradients;
const jsxProd = fn(21);
({ jsx: metroRequire, jsxs: closure_7 } = jsxProd);
const createStyles = fn(4574);
let obj2 = { upsellButton: { marginTop: 8, flexShrink: 0, borderRadius: nativeDefault.radii.round, gap: 4 }, titleContainer: { flexDirection: "row", alignItems: "center", gap: 4, marginBottom: 4 }, linearGradient: { width: "100%", height: "100%", position: "absolute", overflow: "hidden" }, outer: null, scroll: null, inner: null };
let obj3 = { marginTop: 8, flexShrink: 0, borderRadius: nativeDefault.radii.round, gap: 4 };
obj2.outer = { marginHorizontal: fn(7222).PROFILE_SIDE_PADDING - 1 };
let obj4 = { marginHorizontal: fn(7222).PROFILE_SIDE_PADDING - 1 };
obj2.scroll = { borderRadius: nativeDefault.radii.lg, backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH };
obj2.inner = { paddingVertical: 12, paddingHorizontal: 14 };
let closure_8 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("modules/user_profile/native/UserProfileUpsellCard.tsx");

export default function UserProfileUpsellCard(headerText) {
  headerText = headerText.headerText;
  ({ style, children, ctaText, showLinearGradient, cardStyle, contentStyle, ctaStyle, onPress } = headerText);
  const tmp = closure_8();
  _require = tmp;
  let obj = { borderWidth: 1, style: null, direction: require("native").GradientBorder.Direction.HORIZONTAL, colors: Gradients.PREMIUM_TIER_2, borderRadius: nativeDefault.radii.lg, children: null };
  let items = [tmp.outer, style];
  obj.style = items;
  const obj2 = { bounces: false, style: null, contentContainerStyle: null, children: null };
  const items1 = [tmp.scroll, cardStyle];
  obj2.style = items1;
  const items2 = [tmp.inner, contentStyle];
  obj2.contentContainerStyle = items2;
  let tmp6Result = null;
  if (null != headerText) {
    const obj3 = { style: tmp.titleContainer, children: null };
    const obj4 = { color: nativeDefault.colors.MOBILE_TEXT_HEADING_PRIMARY, size: "xs" };
    const items3 = [tmp2(tmp3(8695).NitroWheelIcon, obj4), ];
    const obj5 = { variant: "heading-sm/bold", children: headerText };
    items3[1] = tmp2(tmp3(4570).Text, obj5);
    obj3.children = items3;
    tmp6Result = tmp6(closure_3, obj3);
  }
  const items4 = [tmp6Result, children, ];
  const obj6 = {
    style: null,
    onPress,
    text: ctaText,
    color: require("native").ButtonColors.GREEN,
    renderIcon() {
      return closure_1_6(closure_0(dependencyMap[8]).NitroWheelIcon, { color: "white", size: "xs" });
    },
    renderLinearGradient: null
  };
  const items5 = [tmp.upsellButton, ctaStyle];
  obj6.style = items5;
  let fn;
  if (showLinearGradient) {
    fn = () => {
      const obj = { style: null, start: ConstantsIOS.HorizontalGradient.START, end: ConstantsIOS.HorizontalGradient.END, colors: Gradients.PREMIUM_TIER_2_TRI_COLOR };
      const items = [closure_0.linearGradient];
      obj.style = items;
      return timestampProducer(LinearGradientDefault, obj);
    };
  }
  obj6.renderLinearGradient = fn;
  items4[2] = closure_6(require("native").ShinyButton, obj6);
  obj2.children = items4;
  obj.children = closure_7(closure_4, obj2);
  return closure_6(require("native").GradientBorder, obj);
};