decord/source/design/void/RoleLabel/native/RoleLabel.tsx
github-actions f0f877e8ce chore: update source for alpha 347.1
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4824.js (118.4 MB)
2026-09-15 14:23:42 +00:00

47 lines
1.5 KiB
TypeScript

// Module ID: 10401
// Function ID: 10402
// Name: RoleLabel
// Dependencies: [19, 17, 4631, 21, 4639, 504, 1177, 8719, 2]
// Exports: RoleLabel
// Module 10401 (RoleLabel)
import initialize from "initialize" /* 504 */;
import Form from "Form" /* 8719 */;
import noop from "module_19" /* 19 */;
import AccessibilityStore from "AccessibilityStore" /* 4631 */;
require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_4, jsxs: hasOwnProperty } = jsxProd);
const createStyles = fn(4639);
let closure_6 = createStyles.createStyles({ container: { display: "flex", flexDirection: "row" }, roleDot: { marginRight: 4 } });
const size = fn(2);
const result = size.fileFinishedImporting("design/void/RoleLabel/native/RoleLabel.tsx");
export const RoleLabel = function RoleLabel(color) {
color = color.color;
({ name, colors } = color);
const tmp = closure_6();
const items = [AccessibilityStore];
const stateFromStores = initialize.useStateFromStores(items, () => roleStyle.roleStyle);
let tmp5 = "username" === stateFromStores;
if (tmp5) {
tmp5 = null != color;
}
if (tmp5) {
const obj2 = { color };
}
const obj3 = { style: tmp.container, children: null };
let tmp10 = "dot" === stateFromStores;
if (tmp10) {
tmp10 = null != color;
}
if (tmp10) {
const obj4 = { color, colors, containerStyles: tmp.roleDot };
tmp10 = React4(tmp2(1177).RoleDot, obj4);
}
const items1 = [tmp10, React4(Form.FormLabel, { style: {}, text: name })];
obj3.children = items1;
return hasOwnProperty(View, obj3);
};