App.tsx

import { Page } from '@hotandcold/classic-shared';
import { PlayPage } from './pages/PlayPage';
import { StatsPage } from './pages/StatsPage';
import { WinPage } from './pages/WinPage';
import { usePage } from './hooks/usePage';
import { Progress } from './components/progress';
import { useGame } from './hooks/useGame';
import { cn } from '@hotandcold/webview-common/utils';
import { Header } from './components/header';
import { LoadingPage } from './pages/LoadingPage';

const getPage = (page: Page) => {
  switch (page) {
    case 'play':
      return <PlayPage />;
    case 'stats':
      return <StatsPage />;
    case 'win':
      return <WinPage />;
    case 'loading':
      return <LoadingPage />;
    default:
      throw new Error(`Invalid page: ${String(page satisfies never)}`);
  }
};

export const App = () => {
  const page = usePage();
  const { mode, hardcoreModeAccess } = useGame();

  if (mode === 'hardcore' && hardcoreModeAccess?.status === 'inactive') {
    return <div>UNLOCK HARDCORE</div>;
  }

  return (
    <div
      className={cn(
        'relative flex h-full min-h-0 flex-1 flex-col p-6',
        mode === 'hardcore' &&
          'bg-[url(/assets/hardcore_background.png)] bg-cover bg-center bg-no-repeat bg-blend-multiply'
      )}
    >
      <div className="mb-4 sm:mb-6">
        <Header />
      </div>
      {getPage(page)}
      <Progress />
      {/* <FriendsModal isOpen={friendsModalOpen} onClose={() => setFriendsModalOpen(false)} /> */}
    </div>
  );
};