yeet

modules/parent_tools/native/FamilyCenterInlineWarningNotice.tsx

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