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