yeet

modules/virtual_currency/native/OrbOnboardingPill.tsx

@@ -0,0 +1,33 @@
+// 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;