import React from 'react';
import { Outlet } from 'react-router-dom';
import Navbar from './components/Navbar';
import Loading from './components/Loading';
import './App.css';

function App() {
    return (
        <div className="app-shell">
            <Navbar />
            <main className="site-main">
                <React.Suspense fallback={<div className="suspend-loading"><Loading /></div>}>
                    <Outlet />
                </React.Suspense>
            </main>
        </div>
    );
}

export default App;
