import React from 'react';

interface LoadingSpinnerProps {
    t: {
        message: string;
    }
}

const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({ t }) => {
    return (
        <div className="flex flex-col items-center justify-center p-10">
            <div className="w-16 h-16 border-4 border-light-accent dark:border-brand-accent border-t-brand-highlight rounded-full animate-spin"></div>
            <p className="mt-4 text-light-subtle dark:text-brand-light">{t.message}</p>
        </div>
    );
};

export default LoadingSpinner;