import React from 'react';

/**
 * Shared LoadingSpinner component with size variants
 */
export default function LoadingSpinner({ size = 'md', className = '', borderColor = 'border-orange-500' }) {
  const sizeClasses = {
    sm: 'h-8 w-8',
    md: 'h-12 w-12',
    lg: 'h-16 w-16',
  };

  return (
    <div className={`flex justify-center items-center ${className}`}>
      <div className={`animate-spin rounded-full border-b-2 ${borderColor} ${sizeClasses[size]}`}></div>
    </div>
  );
}