import React from 'react';

const Loading: React.FC = () => {
  return (
    <div className="fixed inset-0 bg-brand-dark flex items-center justify-center z-50">
      <div className="text-center">
        <img 
          src="/media/geo-logo.webp" 
          alt="ГеоВектор" 
          className="w-24 h-24 mx-auto mb-6 animate-pulse"
        />
        <div className="flex items-center justify-center gap-2">
          <div className="w-3 h-3 bg-brand-orange rounded-full animate-bounce"></div>
          <div className="w-3 h-3 bg-brand-orange rounded-full animate-bounce" style={{ animationDelay: '0.1s' }}></div>
          <div className="w-3 h-3 bg-brand-orange rounded-full animate-bounce" style={{ animationDelay: '0.2s' }}></div>
        </div>
        <p className="text-gray-400 mt-4 text-sm">Загрузка...</p>
      </div>
    </div>
  );
};

export default Loading;