28 lines
1.4 KiB
TypeScript
28 lines
1.4 KiB
TypeScript
// Metro module 6682 (f6683).
|
|
import { forwardRef } from "react";
|
|
import { createStyles } from "../../Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { BaseButton } from "./BaseButton.native";
|
|
import { BaseIconButton } from "./BaseIconButton.native";
|
|
import { Text } from "../../Text/native/Text";
|
|
const useStyles = createStyles((a0) => ({
|
|
labelPressable: {
|
|
paddingBottom: Module712.space.PX_4,
|
|
gap: Module712.space.PX_8,
|
|
alignItems: "center",
|
|
alignSelf: "center",
|
|
flexGrow: a0 ? 1 : 0
|
|
},
|
|
label: {
|
|
textAlign: "center"
|
|
}
|
|
}));
|
|
const r26 = forwardRef(function({ label, grow, accessibilityLabel, maxFontSizeMultiplier, accessibilityHint, ...props }, a1) {
|
|
const styles = useStyles(grow);
|
|
return label != null ? <BaseButton style={styles.labelPressable} {...props} variant="none" accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint}>
|
|
<BaseIconButton ref={a1} {...props} accessibilityRole="none" accessibilityLabel="" size="lg" maxFontSizeMultiplier={maxFontSizeMultiplier} />
|
|
<Text style={styles.label} variant="text-xs/medium" color="interactive-text-default" maxFontSizeMultiplier={maxFontSizeMultiplier}>{label}</Text>
|
|
</BaseButton> : <BaseIconButton ref={a1} {...props} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} maxFontSizeMultiplier={maxFontSizeMultiplier} />;
|
|
});
|
|
export { r26 as IconButton };
|