import React from 'react';
import { LoadingWithAnimation } from '@common/components/ui/loading';

interface LoadingOverlayProps {
  isLoading: boolean;
}

const LoadingOverlay: React.FC<LoadingOverlayProps> = ({ isLoading }) => {
  if (!isLoading) return null;

  return (
    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
      <div className="relative w-16 h-16">
        <LoadingWithAnimation color="primary" />
      </div>
    </div>
  );
};

export default LoadingOverlay;