22 lines
541 B
TypeScript
22 lines
541 B
TypeScript
import { LoadingIcon } from '../icons';
|
|
import { cn } from '../utils/cn';
|
|
|
|
interface LoadingStateProps {
|
|
message?: string;
|
|
className?: string;
|
|
iconSize?: number;
|
|
}
|
|
|
|
export function LoadingState({
|
|
message = 'Loading...',
|
|
className = '',
|
|
iconSize = 24,
|
|
}: LoadingStateProps) {
|
|
return (
|
|
<div className={cn('flex items-center justify-center gap-3 text-content-muted', className)}>
|
|
<LoadingIcon size={iconSize} className="text-primary-500" />
|
|
<span className="text-sm font-medium">{message}</span>
|
|
</div>
|
|
);
|
|
}
|