Spaces:

pvyas96
/

learn_geoscience_quiz_maker

Sleeping

learn_geoscience_quiz_maker / components /LoadingSpinner.tsx

Upload 20 files

c235ef4 verified 12 months ago

517 Bytes

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;


	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;