import { useState } from 'react';
import { ViewMode, Step } from './types';
import { MainLayout } from './layouts/MainLayout';
import { ToastProvider } from './contexts/ToastContext';

function App() {
  const [currentView, setCurrentView] = useState<ViewMode>('projects');
  const [currentStep, setCurrentStep] = useState<Step>('setup');
  const [isPresentationMode, setIsPresentationMode] = useState(false);

  return (
    <ToastProvider>
      <MainLayout
        currentView={currentView}
        setCurrentView={setCurrentView}
        currentStep={currentStep}
        setCurrentStep={setCurrentStep}
        isPresentationMode={isPresentationMode}
        setIsPresentationMode={setIsPresentationMode}
      />
    </ToastProvider>
  );
}

export default App;