// Module ID: 13553 // Function ID: 13554 // Name: IconButton/IconButton // Dependencies: [19, 21, 4639, 576, 5526, 5207, 1177, 2] // Module 13553 (IconButton/IconButton) import nativeDefault from "native" /* 576 */; import noop from "module_19" /* 19 */; const require = fn; class SquareIconButton { constructor(arg0) { size = global.size; ({ disableColor, accessibilityHidden } = global); closure_1 = undefined; ({ onPress, source, style, iconStyle, accessibilityLabel, disabled } = global); tmp = closure_5(); closure_1 = tmp; items = [, ]; items[0] = size; items[1] = tmp; tmp3 = jsx; tmp4 = size; tmp5 = closure_1; memo = closure_2.useMemo(() => { if (obj.MEDIUM_32 === size) { return closure_1.medium; } else if (tmp2.LARGE_40 === tmp) { return closure_1.large; } else { const SMALL_24 = tmp2.SMALL_24; return closure_1.small; } }, items); tmp6 = undefined; if (!accessibilityHidden) { tmp6 = accessibilityLabel; } obj = { accessibilityRole: "button", accessibilityLabel: tmp6, accessibilityElementsHidden: accessibilityHidden, onPress, disabled, style: null, children: null }; items1 = [, , ]; items1[0] = tmp.container; items1[1] = style; items1[2] = memo; obj.style = items1; if (size === closure_4.LARGE_40) { REFRESH_SMALL_16 = tmp4(tmp5[6]).Icon.Sizes.MEDIUM; } else { REFRESH_SMALL_16 = tmp4(tmp5[6]).Icon.Sizes.REFRESH_SMALL_16; } obj1 = { size: REFRESH_SMALL_16, style: null, disableColor: null, source: null }; icon = null; if (!disableColor) { icon = tmp.icon; } items2 = [, ]; items2[0] = icon; items2[1] = iconStyle; obj1.style = items2; obj1.disableColor = disableColor; obj1.source = source; obj.children = tmp3(tmp4(tmp5[6]).Icon, obj1); return tmp3(size(closure_1[5]).PressableOpacity, obj); } } class CircularIconButton { constructor(arg0) { size = global.size; ({ style, disableColor } = global); merged = Object.assign(global, Object.assign({ style: 0, size: 0, disableColor: 0 })); tmp2 = closure_5(); tmp5 = closure_4; tmp3 = jsx; tmp4 = SquareIconButton; if (closure_4.SMALL_24 === size) { largeCircular = tmp2.smallCircular; } else if (tmp5.MEDIUM_32 === size) { largeCircular = tmp2.mediumCircular; } else if (tmp5.LARGE_40 === size) { largeCircular = tmp2.largeCircular; } obj = { style: null, size }; items = [, ]; items[0] = largeCircular; items[1] = style; obj.style = items; merged1 = Object.assign(merged); obj.disableColor = disableColor; return tmp3(tmp4, obj); } } const jsx = fn(21).jsx; const Sizes = { SMALL_24: 24, [24]: "SMALL_24", MEDIUM_32: 32, [32]: "MEDIUM_32", LARGE_40: 40, [40]: "LARGE_40" }; const createStyles = fn(4639); const obj3 = { container: { borderRadius: nativeDefault.radii.xs, alignItems: "center", justifyContent: "center", backgroundColor: fn(5526).DARK_PRIMARY_700_LIGHT_PRIMARY_230 }, small: { height: Sizes.SMALL_24, width: Sizes.SMALL_24 }, medium: { height: Sizes.MEDIUM_32, width: Sizes.MEDIUM_32 }, large: { height: Sizes.LARGE_40, width: Sizes.LARGE_40 }, smallCircular: { borderRadius: Sizes.SMALL_24 / 2 }, mediumCircular: { borderRadius: Sizes.MEDIUM_32 / 2 }, largeCircular: { borderRadius: Sizes.LARGE_40 / 2 }, icon: null }; const obj4 = { borderRadius: nativeDefault.radii.xs, alignItems: "center", justifyContent: "center", backgroundColor: fn(5526).DARK_PRIMARY_700_LIGHT_PRIMARY_230 }; const obj5 = { borderRadius: Sizes.SMALL_24 / 2 }; obj3.icon = { tintColor: fn(5526).DARK_PRIMARY_300_LIGHT_PRIMARY_500 }; const hasOwnProperty = createStyles.createStyles(obj3); SquareIconButton.Sizes = Sizes; CircularIconButton.Sizes = Sizes; let size = fn(2); const result = size.fileFinishedImporting("design/void/IconButton/native/IconButton.tsx"); export { SquareIconButton }; export { CircularIconButton };