// Metro module 13905 (f13906).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { WarningIcon } from "../../../design/components/Icon/native/redesign/generated/WarningIcon";
import { Text } from "../../../design/components/Text/native/Text";
const useStyles = createStyles({
  container: {
    flexDirection: "row",
    alignItems: "flex-start",
    gap: Module712.space.PX_8,
    padding: Module712.space.PX_12,
    borderWidth: 1,
    borderColor: Module712.colors.BORDER_FEEDBACK_WARNING,
    borderRadius: Module712.radii.lg,
    backgroundColor: Module712.colors.BACKGROUND_FEEDBACK_WARNING
  },
  text: {
    flex: 1,
    paddingRight: Module712.space.PX_8
  }
});
export default function FamilyCenterInlineWarningNotice(props) {
  const { text, style } = props;
  const styles = useStyles();
  return <View style={[styles.container, style]}>
    <WarningIcon size="sm" color={Module712.colors.ICON_FEEDBACK_WARNING} />
    <Text variant="text-sm/medium" color="text-strong" style={styles.text}>{text}</Text>
  </View>;
};