// Metro module 11741 (f11742).
import { forwardRef } from "react";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
import { Icon } from "../../../../design/void/native";
const useStyles = createStyles((a0, a1, a2, a3) => ({
  button: {
    width: a0,
    height: a0,
    borderRadius: Module712.radii.sm,
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: a2,
    borderWidth: a3 != null ? 1 : 0,
    borderColor: a3
  },
  icon: {
    width: a1,
    height: a1
  }
}));
const r25 = forwardRef(function(a0, a1) {
  const { icon, tintColor, accessibilityLabel, onPress, onPressIn } = a0;
  const styles = useStyles(a0.boxSize, a0.iconSize, a0.backgroundColor, a0.borderColor);
  return <PressableOpacity ref={a1} style={styles.button} accessibilityRole="button" accessibilityLabel={accessibilityLabel} onPress={onPress} onPressIn={onPressIn}>
    <Icon source={icon} size={Icon.Sizes.CUSTOM} style={[styles.icon, {
      tintColor
    }]} />
  </PressableOpacity>;
});
export default r25;