frontend/src/components/LoadingSpinner.tsx

import React from 'react';
import { ClipLoader } from 'react-spinners';

const LoadingSpinner = ({ loading }: { loading: boolean }) => {
  return (
    <div className="spinner-container">
      <ClipLoader color="#32cd32" loading={loading} size={50} />
    </div>
  );
};

export default LoadingSpinner;