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

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

interface DICOMViewerProps {
  image: string;
  findings: string;
  confidence: number;
}

/**
 * DICOMViewer - displays a DICOM image with AI overlay (stub)
 */
const DICOMViewer: React.FC<DICOMViewerProps> = ({ image, findings, confidence }) => (
  <View style={styles.container}>
    <Image source={{ uri: image }} style={styles.image} resizeMode="contain" />
    <Text style={styles.findings}>AI: {findings} ({confidence}%)</Text>
    {/* TODO: Render overlay graphics */}
  </View>
);

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    marginBottom: Spacing.md,
  },
  image: {
    width: '100%',
    height: 300,
    backgroundColor: Colors.backgroundAlt,
    marginBottom: Spacing.sm,
  },
  findings: {
    fontFamily: Typography.fontFamily.regular,
    fontSize: Typography.fontSize.md,
    color: Colors.info,
  },
});

export default DICOMViewer;

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