// 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>;
};