71 lines
3.1 KiB
TypeScript
71 lines
3.1 KiB
TypeScript
// Module ID: 10159
|
|
// Function ID: 10160
|
|
// Name: PromoSheet
|
|
// Dependencies: [109, 19, 17, 21, 4481, 709, 10160, 7090, 4934, 10161, 4477, 2]
|
|
// Exports: PromoSheet
|
|
|
|
// Module 10159 (PromoSheet)
|
|
import ThemesDefault from "Themes" /* 709 */;
|
|
import closure_4 from "_objectWithoutProperties" /* 109 */;
|
|
import closure_5 from "noop" /* 19 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4481 */;
|
|
|
|
const require = arg1;
|
|
let closure_3 = ["title", "description", "illustration", "graphic", "gradientColor", "actions"];
|
|
({ jsx: error, jsxs: closure_8 } = jsxProd);
|
|
createCacheKey = { content: { paddingHorizontal: 20, position: "relative" }, title: { textAlign: "center" }, description: { textAlign: "center" }, illustration: { alignSelf: "stretch", alignItems: "center" }, graphic: null };
|
|
createCacheKey = { alignSelf: "center", maxWidth: ThemesDefault.modules.mobile.PROMO_SHEET_GRAPHIC_MAX_WIDTH };
|
|
createCacheKey[4] = createCacheKey;
|
|
let closure_9 = createCacheKey.createStyles(createCacheKey);
|
|
const result = require("set").fileFinishedImporting("design/components/Sheet/native/PromoSheet.native.tsx");
|
|
|
|
export const PromoSheet = function PromoSheet(arg0) {
|
|
({ description, illustration, graphic, gradientColor } = arg0);
|
|
({ title, actions } = arg0);
|
|
const tmp2 = callback2();
|
|
const items = [gradientColor];
|
|
const memo = React.useMemo(() => null != gradientColor ? ((arg0) => {
|
|
let obj = {};
|
|
const merged = Object.assign(arg0);
|
|
obj = { offsetBottom: 0.25, color: closure_0, backgroundColor: closure_1_1(closure_1_2[5]).colors.MOBILE_ACTIONSHEET_BACKGROUND };
|
|
obj.children = closure_1_7(closure_1_0(closure_1_2[6]).ExpressiveGradient, obj);
|
|
return closure_1_7(closure_1_6, obj);
|
|
}) : undefined, items);
|
|
let obj = {};
|
|
let merged = Object.assign(callback(arg0, closure_3));
|
|
obj.startExpanded = true;
|
|
obj.contentStyles = tmp2.content;
|
|
obj.backgroundComponent = memo;
|
|
if (null != graphic) {
|
|
obj = {};
|
|
const merged1 = Object.assign(graphic);
|
|
obj.style = tmp2.graphic;
|
|
let tmp4Result = tmp4(tmp5(10161).Graphic, obj);
|
|
} else {
|
|
tmp4Result = null;
|
|
if (null != illustration) {
|
|
obj = { style: null, children: null };
|
|
obj[0] = tmp2.illustration;
|
|
obj[1] = illustration;
|
|
tmp4Result = tmp4(View, obj);
|
|
}
|
|
}
|
|
const items1 = [tmp4Result, , ];
|
|
const items2 = [closure_7(gradientColor(4477).Text, { variant: "heading-xl/semibold", color: "mobile-text-heading-primary", style: tmp2.title, children: title }), ];
|
|
tmp4Result = null;
|
|
if (null != description) {
|
|
const obj2 = { variant: "redesign/heading-18/medium", color: "text-subtle", style: null, children: null };
|
|
obj2[2] = tmp2.description;
|
|
obj2[3] = description;
|
|
tmp4Result = tmp4(tmp5(4477).Text, obj2);
|
|
}
|
|
const obj3 = { spacing: 24, children: null };
|
|
items2[1] = tmp4Result;
|
|
items1[1] = closure_8(gradientColor(4934).Stack, { children: items2 });
|
|
items1[2] = actions;
|
|
obj3[1] = items1;
|
|
obj.children = closure_8(gradientColor(4934).Stack, obj3);
|
|
return closure_7(gradientColor(7090).BottomSheet, obj);
|
|
};
|