components/LoadingSpinner.tsx

import React from 'react';

interface LoadingSpinnerProps {
    message: string;
}

const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({ message }) => {
    return (
        <div className="flex flex-col items-center justify-center p-10">
            <div className="w-12 h-12 border-4 border-t-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
            <p className="mt-4 text-xl text-gray-600 dark:text-gray-300">{message}</p>
        </div>
    );
};

export default LoadingSpinner;