34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
// 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;
|