// Metro module 14797 (f14798).
import { PressableOpacity } from "../../../design/void/Pressables/native/Pressables";
import { OrbsIcon } from "../../../design/components/Icon/native/redesign/generated/OrbsIcon";
import { Text } from "../../../design/components/Text/native/Text";
import { intl, t } from "../../../intl/index.native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
let useStyles;
export function OrbOnboardingPill(props) {
  const { onPress, accessible = true } = props;
  return <PressableOpacity onPress={onPress} style={useStyles().container} accessibilityRole="button" activeOpacity={0.8} accessible={accessible} accessibilityElementsHidden={!accessible} importantForAccessibility={accessible ? "auto" : "no"}>
    <OrbsIcon size="sm" />
    <Text variant="text-sm/semibold" color="redesign-button-tertiary-text">
      {intl.string(t["9JpRfC"])}
    </Text>
  </PressableOpacity>;
}
OrbOnboardingPill.displayName = "OrbOnboardingPill";
useStyles = createStyles({
  container: {
    height: 36,
    borderRadius: Module712.radii.round,
    justifyContent: "center",
    alignItems: "center",
    flexDirection: "row",
    paddingHorizontal: Module712.space.PX_12,
    paddingVertical: Module712.space.PX_4,
    backgroundColor: Module712.colors.REDESIGN_BUTTON_TERTIARY_BACKGROUND,
    flexShrink: 0,
    gap: 4
  }
});
export default OrbOnboardingPill;