81 lines
3.3 KiB
TypeScript
81 lines
3.3 KiB
TypeScript
// Module ID: 13101
|
|
// Function ID: 101134
|
|
// Name: EmptyState
|
|
// Dependencies: [31, 27, 33, 4131, 689, 3977, 4127, 2]
|
|
// Exports: default
|
|
|
|
// Module 13101 (EmptyState)
|
|
import "result";
|
|
import get_ActivityIndicator from "get ActivityIndicator";
|
|
import jsxProd from "jsxProd";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
let closure_2;
|
|
let closure_3;
|
|
let closure_4;
|
|
let closure_5;
|
|
const require = arg1;
|
|
({ View: closure_2, Image: closure_3 } = get_ActivityIndicator);
|
|
({ jsx: closure_4, jsxs: closure_5 } = jsxProd);
|
|
_createForOfIteratorHelperLoose = {};
|
|
_createForOfIteratorHelperLoose = { flex: 1, justifyContent: "center", alignItems: "center", paddingHorizontal: 36, paddingBottom: 80, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOWER };
|
|
_createForOfIteratorHelperLoose.container = _createForOfIteratorHelperLoose;
|
|
_createForOfIteratorHelperLoose.emptyImage = { flex: 1, maxWidth: 300, maxHeight: 200 };
|
|
_createForOfIteratorHelperLoose.emptyTitle = { marginTop: 20, textTransform: "uppercase" };
|
|
_createForOfIteratorHelperLoose.emptyBody = { textAlign: "center", marginTop: 8 };
|
|
_createForOfIteratorHelperLoose = _createForOfIteratorHelperLoose.createStyles(_createForOfIteratorHelperLoose);
|
|
const result = require("jsxProd").fileFinishedImporting("design/void/EmptyState/native/EmptyState.tsx");
|
|
|
|
export default function EmptyState(Illustration) {
|
|
let body;
|
|
let bodyStyle;
|
|
let children;
|
|
let title;
|
|
const tmp = _createForOfIteratorHelperLoose();
|
|
require(3977) /* AccessibilityAnnouncer */;
|
|
if (null != Illustration.Illustration) {
|
|
let obj = { accessible: false, importantForAccessibility: "no", accessibilityRole: "none", resizeMode: "contain" };
|
|
const items = [tmp.emptyImage, Illustration.imageStyle];
|
|
obj.style = items;
|
|
let tmp6Result = callback(Illustration.Illustration, obj);
|
|
} else {
|
|
tmp6Result = null;
|
|
if (tmp4) {
|
|
obj = { resizeMode: "contain" };
|
|
let obj1 = require(3977) /* AccessibilityAnnouncer */;
|
|
obj.source = obj1.isThemeLight(tmp3) ? Illustration.lightSource : Illustration.darkSource;
|
|
const items1 = [tmp.emptyImage, Illustration.imageStyle];
|
|
obj.style = items1;
|
|
tmp6Result = callback(closure_3, obj);
|
|
const tmp6 = callback;
|
|
const tmp7 = closure_3;
|
|
}
|
|
tmp4 = null != Illustration.lightSource && null != Illustration.darkSource;
|
|
}
|
|
({ body, title } = Illustration);
|
|
obj = { style: items2, accessible: true };
|
|
items2 = [tmp.container, Illustration.style];
|
|
const items3 = [tmp6Result, , , ];
|
|
let tmp14 = null;
|
|
({ children, bodyStyle } = Illustration);
|
|
if (null != title) {
|
|
obj1 = { variant: "heading-lg/semibold", color: "mobile-text-heading-primary", maxFontSizeMultiplier: 2 };
|
|
const items4 = [tmp.emptyTitle, tmp11];
|
|
obj1.style = items4;
|
|
obj1.children = title;
|
|
tmp14 = callback(require(4127) /* Text */.Text, obj1);
|
|
}
|
|
items3[1] = tmp14;
|
|
let tmp18 = null;
|
|
if (null != body) {
|
|
const obj2 = { variant: "text-md/medium", color: "text-muted", maxFontSizeMultiplier: 2 };
|
|
const items5 = [tmp.emptyBody, bodyStyle];
|
|
obj2.style = items5;
|
|
obj2.children = body;
|
|
tmp18 = callback(require(4127) /* Text */.Text, obj2);
|
|
}
|
|
items3[2] = tmp18;
|
|
items3[3] = children;
|
|
obj.children = items3;
|
|
return closure_5(closure_2, obj);
|
|
};
|