// Metro module 14080 (f14081).
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
import { intl, t } from "../../../../intl/index.native";
import { XSmallIcon } from "../../../../design/components/Icon/native/redesign/generated/XSmallIcon";
const useStyles = createStyles(() => ({
  closeButton: {
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: Module712.colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT,
    borderRadius: Module712.radii.round,
    width: Module712.space.PX_32,
    height: Module712.space.PX_32
  }
}));
export default function BountiesModalCloseButton(props) {
  const onPress = props.onPress;
  const styles = useStyles();
  return <PressableOpacity accessibilityLabel={intl.string(t.cpT0Cq)} accessibilityRole="button" hitSlop={12} onPress={onPress} style={styles.closeButton}>
    <XSmallIcon size="sm" color={Module712.colors.CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT} />
  </PressableOpacity>;
};