mysql-mcp-webui

import React from 'react'; import { Loader2 } from 'lucide-react'; interface SpinnerProps { size?: 'sm' | 'md' | 'lg'; className?: string; } export const Spinner: React.FC<SpinnerProps> = ({ size = 'md', className = '', }) => { const sizeStyles = { sm: 'w-4 h-4', md: 'w-8 h-8', lg: 'w-12 h-12', }; return ( <Loader2 className={`animate-spin text-blue-600 ${sizeStyles[size]} ${className}`} /> ); }; export const LoadingScreen: React.FC<{ message?: string }> = ({ message }) => { return ( <div className="flex flex-col items-center justify-center min-h-screen"> <Spinner size="lg" /> {message && ( <p className="mt-4 text-gray-600">{message}</p> )} </div> ); };