/* Sanio Hi-Fi · App entry */

function App() {
  const [route, go] = useHashRoute('overview');

  let view;
  switch (route) {
    case 'mobile':    view = <MobileView    onJumpTo={go} />; break;
    case 'dashboard': view = <DashboardView onJumpTo={go} />; break;
    case 'emails':    view = <EmailsView    onJumpTo={go} />; break;
    case 'overview':
    default:          view = <LandingView   onNavigate={go} />;
  }

  return (
    <div className="col" style={{ minHeight: '100vh' }}>
      <TopNav active={route} onNavigate={go} />
      <main className="grow" style={{ display: 'flex', flexDirection: 'column' }}>
        {view}
      </main>
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);