import React from 'react';
import './_shell/tokens.css';
import './_shell/shell.css';
import useViewportMode from './_shell/useViewportMode';
import BottomNav from './_shell/BottomNav';
import DesktopHeader from './_shell/DesktopHeader';
import HomeMobile from './views/home.mobile.jsx';
import HomeDesktop from './views/home.desktop.jsx';

export default function Saju() {
  const mode = useViewportMode();
  return (
    <div className="saju-v2">
      {mode === 'desktop' ? <DesktopHeader /> : null}
      {mode === 'desktop' ? <HomeDesktop /> : <HomeMobile />}
      {mode === 'mobile' ? <BottomNav theme="navy" /> : null}
    </div>
  );
}