/*
 * File: Spinner.tsx
 * Description: Themed loading spinner using Clinical Blue Interface design system
 * Design & Developed by Tech4Biz Solutions
 * Copyright (c) Spurrin Innovations. All rights reserved.
 */

import React from 'react';
import { ActivityIndicator, View, StyleSheet, ViewStyle } from 'react-native';
import { Colors, Spacing } from '../../theme';

interface SpinnerProps {
  size?: 'small' | 'large';
  style?: ViewStyle;
}

/**
 * Themed Spinner component
 * - Uses Clinical Blue Interface theme
 * - Supports custom size and style
 */
const Spinner: React.FC<SpinnerProps> = ({ size = 'large', style }) => (
  <View style={[styles.container, style]}>
    <ActivityIndicator size={size} color={Colors.primary} />
  </View>
);

const styles = StyleSheet.create({
  container: {
    padding: Spacing.md,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default Spinner;

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