34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
// Metro module 11390 (f11391).
|
|
import { useEffect } from "react";
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { AccessibilityAnnouncer } from "../../../_bundle/Module3902";
|
|
import { WarningCircle } from "../../../design/void/native";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
const useStyles = createStyles({
|
|
container: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
marginTop: -10
|
|
},
|
|
icon: {
|
|
alignSelf: "center",
|
|
marginRight: 5,
|
|
color: Module712.colors.TEXT_FEEDBACK_CRITICAL
|
|
}
|
|
});
|
|
export default function PollCreationInputError(props) {
|
|
const message = props.message;
|
|
const styles = useStyles();
|
|
useEffect(() => {
|
|
if (message != null && message !== "") {
|
|
AccessibilityAnnouncer.announce(message);
|
|
}
|
|
}, [message]);
|
|
return <View style={styles.container}>
|
|
<WarningCircle width={16} height={16} style={styles.icon} />
|
|
<Text variant="text-xs/medium" color="text-feedback-critical">{message}</Text>
|
|
</View>;
|
|
};
|