/*
 * File: MeasurementTools.tsx
 * Description: Component for measurement 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 MeasurementToolsProps {
  measurements: any[];
  addMeasurement: (m: any) => void;
}

/**
 * MeasurementTools - UI for adding/viewing measurements (stub)
 */
const MeasurementTools: React.FC<MeasurementToolsProps> = ({ measurements, addMeasurement }) => (
  <View style={styles.container}>
    <Text style={styles.title}>Measurements</Text>
    {measurements.map((m, idx) => (
      <Text key={idx} style={styles.measure}>{JSON.stringify(m)}</Text>
    ))}
    <RNButton title="Add Measurement" onPress={() => addMeasurement({ length: Math.random() * 10 })} />
  </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,
  },
  measure: {
    fontFamily: Typography.fontFamily.regular,
    fontSize: Typography.fontSize.sm,
    color: Colors.textSecondary,
  },
});

export default MeasurementTools;

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