import React from 'react';

const LoadingSpinner = ({ 
  size = 'medium', 
  color = 'primary',
  className = '' 
}) => {
  const sizes = {
    small: 'w-4 h-4',
    medium: 'w-8 h-8',
    large: 'w-12 h-12',
    xlarge: 'w-16 h-16'
  };

  const colors = {
    primary: 'text-primary-500',
    white: 'text-white',
    gray: 'text-gray-500'
  };

  return (
    <div className={`animate-spin rounded-full border-b-2 ${sizes[size]} ${colors[color]} ${className}`}></div>
  );
};

export default LoadingSpinner;