// Module ID: 10300
// Function ID: 10301
// Name: PromoSheet
// Dependencies: [109, 19, 17, 21, 4605, 576, 10301, 7202, 5023, 10302, 4601, 2]
// Exports: PromoSheet

// Module 10300 (PromoSheet)
import nativeDefault from "native" /* 576 */;
import _objectWithoutProperties from "_objectWithoutProperties" /* 109 */;
import noop from "module_19" /* 19 */;

const require = fn;
let closure_3 = ["title", "description", "illustration", "graphic", "gradientColor", "actions"];
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_7, jsxs: closure_8 } = jsxProd);
const createStyles = fn(4605);
let obj2 = { content: { paddingHorizontal: 20, position: "relative" }, title: { textAlign: "center" }, description: { textAlign: "center" }, illustration: { alignSelf: "stretch", alignItems: "center" }, graphic: { alignSelf: "center", maxWidth: nativeDefault.modules.mobile.PROMO_SHEET_GRAPHIC_MAX_WIDTH } };
let closure_9 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("design/components/Sheet/native/PromoSheet.native.tsx");

export const PromoSheet = function PromoSheet(arg0) {
  ({ description, illustration, graphic, gradientColor } = arg0);
  ({ title, actions } = arg0);
  const tmp2 = closure_9();
  const items = [gradientColor];
  const memo = noop.useMemo(() => null != gradientColor ? ((arg0) => {
    const obj = {};
    const merged = Object.assign(arg0);
    obj.children = closure_2_7(gradientColor(10301).ExpressiveGradient, { offsetBottom: 0.25, color, backgroundColor: nativeDefault.colors.MOBILE_ACTIONSHEET_BACKGROUND });
    return closure_2_7(View, obj);
  }) : undefined, items);
  let obj = {};
  let merged = Object.assign(_objectWithoutProperties(arg0, closure_3));
  obj.startExpanded = true;
  obj.contentStyles = tmp2.content;
  obj.backgroundComponent = memo;
  if (null != graphic) {
    const obj2 = {};
    const merged1 = Object.assign(graphic);
    obj2.style = tmp2.graphic;
    let tmp4Result = tmp4(tmp5(10302).Graphic, obj2);
  } else {
    tmp4Result = null;
    if (null != illustration) {
      const obj3 = { style: tmp2.illustration, children: illustration };
      tmp4Result = tmp4(View, obj3);
    }
  }
  const items1 = [tmp4Result, , ];
  const items2 = [closure_7(gradientColor(4601).Text, { variant: "heading-xl/semibold", color: "mobile-text-heading-primary", style: tmp2.title, children: title }), ];
  let tmp4Result2 = null;
  if (null != description) {
    const obj5 = { variant: "redesign/heading-18/medium", color: "text-subtle", style: tmp2.description, children: description };
    tmp4Result2 = tmp4(tmp5(4601).Text, obj5);
  }
  const obj6 = { spacing: 24, children: null };
  items2[1] = tmp4Result2;
  items1[1] = closure_8(gradientColor(5023).Stack, { children: items2 });
  items1[2] = actions;
  obj6.children = items1;
  obj.children = closure_8(gradientColor(5023).Stack, obj6);
  return closure_7(gradientColor(7202).BottomSheet, obj);
};