15 lines
520 B
TypeScript
15 lines
520 B
TypeScript
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>
|
|
); |