yeet

modules/billing/native/PaymentFlowWarningMessage.tsx

@@ -0,0 +1,31 @@
+// Metro module 12436 (f12437).
+import { View } from "react-native";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import { DARK_PRIMARY_630_LIGHT_PRIMARY_230 } from "../../../design/migrations/native/LegacyTokens";
+import { WarningCircle } from "../../../design/void/native";
+import { Text } from "../../../design/components/Text/native/Text";
+const useStyles = createStyles({
+  container: {
+    padding: 10,
+    marginVertical: 5,
+    borderRadius: Module712.radii.xs,
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: DARK_PRIMARY_630_LIGHT_PRIMARY_230
+  },
+  icon: {
+    marginRight: 10
+  },
+  text: {
+    flexShrink: 1
+  }
+});
+export default function PaymentFlowWarningMessage(props) {
+  const styles = useStyles();
+  return <View style={styles.container}>
+    <WarningCircle style={styles.icon} color={Module712.unsafe_rawColors.YELLOW_300} width={16} height={16} />
+    <Text variant="text-sm/medium" style={styles.text}>{props.message}</Text>
+  </View>;
+};