import React from 'react';
import { Text, StyleSheet } from 'react-native';

/**
 * NAM-403 (Vega/Kepler): Amazon steers Vega toward ARIA prop names. VoiceView
 * reads aria-live="assertive" region content changes, interrupting current
 * speech — the forward-compatible channel for the full-page composite.
 *
 * If on-device testing shows the region does not re-announce on text change, fall
 * back here to AccessibilityInfo.announceForAccessibilityWithOptions(text, { queue:
 * false }) from '@amazon-devices/react-native-kepler' (requires the
 * com.amazon.devconf.privilege.accessibility privilege in the app manifest.toml).
 * That API is documented but Amazon plans to remove it, so it stays a fallback.
 */
export const A11yLiveRegion: React.FC<{ text: string }> = ({ text }) => (
  <Text
    accessible={!!text}
    aria-live="assertive"
    style={styles.hidden}
    allowFontScaling={false}
  >
    {text}
  </Text>
);

const styles = StyleSheet.create({
  hidden: { position: 'absolute', width: 1, height: 1, overflow: 'hidden', left: -9999, opacity: 0 },
});