31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
// 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>;
|
|
};
|