◉ ASCII IDE

Explorer

import React from 'react';
import { Header } from './components/Header';
import { Sidebar } from './components/Sidebar';
import { Footer } from './components/Footer';
import { useAuth } from './hooks/useAuth';

function App() {
  const { user, isAuthenticated } = useAuth();

  return (
    <div className="app">
      <Header user={user} />
      <div className="main-content">
        <Sidebar />
        <main>
          {isAuthenticated ? (
            <Dashboard />
          ) : (
            <LoginForm />
          )}
        </main>
      </div>
      <Footer />
    </div>
  );
}

export default App;