import React from 'react';
import AppContent from './AppContent.tsx';
import { AuthProvider, useAuth } from './context/AuthContext.tsx';
import { FarmProvider } from './context/FarmContext.tsx';
import AuthPage from './components/auth/AuthPage.tsx';
import { Spinner } from './components/ui/Feedback.tsx';

const Gate: React.FC = () => {
  const { user, loading } = useAuth();
  if (loading) {
    return (
      <div className="min-h-screen flex items-center justify-center bg-gray-100">
        <Spinner />
      </div>
    );
  }
  if (!user) return <AuthPage />;
  return (
    <FarmProvider>
      <AppContent />
    </FarmProvider>
  );
};

const App: React.FC = () => (
  <AuthProvider>
    <Gate />
  </AuthProvider>
);

export default App;