/*
 * File: AIOverlay.tsx
 * Description: Component for displaying AI overlay graphics (stub)
 * Design & Developed by Tech4Biz Solutions
 * Copyright (c) Spurrin Innovations. All rights reserved.
 */

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { Colors, Spacing, Typography } from 'shared/src/theme';

interface AIOverlayProps {
  findings: string;
  confidence: number;
}

/**
 * AIOverlay - displays AI overlay graphics (stub)
 */
const AIOverlay: React.FC<AIOverlayProps> = ({ findings, confidence }) => (
  <View style={styles.overlay}>
    {/* TODO: Render overlay graphics */}
    <Text style={styles.text}>AI: {findings} ({confidence}%)</Text>
  </View>
);

const styles = StyleSheet.create({
  overlay: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'rgba(91, 124, 230, 0.1)',
  },
  text: {
    fontFamily: Typography.fontFamily.bold,
    fontSize: Typography.fontSize.md,
    color: Colors.error,
    backgroundColor: Colors.background,
    padding: Spacing.xs,
    borderRadius: 4,
  },
});

export default AIOverlay;

/*
 * End of File: AIOverlay.tsx
 * Design & Developed by Tech4Biz Solutions
 * Copyright (c) Spurrin Innovations. All rights reserved.
 */