import React from 'react';

interface LoadingStateProps {
  message?: string;
  className?: string;
}

export const LoadingState = ({ message = 'Loading...', className = '' }: LoadingStateProps) => (
  <div className={`flex items-center justify-center min-h-[200px] ${className}`}>
    <div className="flex flex-col items-center gap-4">
      <div className="w-10 h-10 border-2 border-primary-blue border-t-transparent rounded-full animate-spin" />
      <p className="text-gray-400">{message}</p>
    </div>
  </div>
);