// 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 };