import React from 'react';

const MobileWarning = ({ onDismiss }) => {
  return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-campfire-dark p-4">
      <div className="bg-campfire-charcoal rounded-lg shadow-xl p-6 max-w-md text-center">
        <h2 className="text-2xl font-bold text-campfire-amber mb-4">Мобильная версия в разработке</h2>
        <p className="text-campfire-light mb-6">
          В настоящее время сайт оптимизирован только для десктопных устройств. 
          Для наилучшего опыта рекомендуем использовать компьютер или планшет.
        </p>
        <div className="text-campfire-light/70 text-sm mb-6">
          Мы работаем над мобильной версией и скоро она будет доступна!
        </div>
        <button
          onClick={onDismiss}
          className="px-6 py-2 bg-campfire-amber text-campfire-dark rounded-lg hover:bg-campfire-amber/80 transition-colors font-medium"
        >
          Мне всё равно, перейти
        </button>
      </div>
    </div>
  );
};

export default MobileWarning; 