'use client';

interface Props { size?: 'sm' | 'md' | 'lg'; }

export default function LoadingSpinner({ size = 'md' }: Props) {
  const s = { sm: 'w-4 h-4', md: 'w-6 h-6', lg: 'w-10 h-10' }[size];
  return (
    <div className={`${s} border-2 rounded-full animate-spin`}
      style={{ borderColor: 'rgba(99,102,241,0.2)', borderTopColor: '#6366f1' }} />
  );
}