/*
 * File: AnnotationTools.tsx
 * Description: Component for annotation tools UI (stub)
 * Design & Developed by Tech4Biz Solutions
 * Copyright (c) Spurrin Innovations. All rights reserved.
 */

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

interface AnnotationToolsProps {
  annotations: any[];
  addAnnotation: (a: any) => void;
}

/**
 * AnnotationTools - UI for adding/viewing annotations (stub)
 */
const AnnotationTools: React.FC<AnnotationToolsProps> = ({ annotations, addAnnotation }) => (
  <View style={styles.container}>
    <Text style={styles.title}>Annotations</Text>
    {annotations.map((a, idx) => (
      <Text key={idx} style={styles.annotation}>{JSON.stringify(a)}</Text>
    ))}
    <RNButton title="Add Annotation" onPress={() => addAnnotation({ note: 'Sample annotation' })} />
  </View>
);

const styles = StyleSheet.create({
  container: {
    marginVertical: Spacing.md,
    padding: Spacing.md,
    backgroundColor: Colors.backgroundAlt,
    borderRadius: 8,
  },
  title: {
    fontFamily: Typography.fontFamily.bold,
    fontSize: Typography.fontSize.md,
    color: Colors.primary,
    marginBottom: Spacing.sm,
  },
  annotation: {
    fontFamily: Typography.fontFamily.regular,
    fontSize: Typography.fontSize.sm,
    color: Colors.textSecondary,
  },
});

export default AnnotationTools;

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