/* =====================================================================
   App.jsx — 메인 컨트롤 타워
   화면 전환(landing / tarot / saju) 과 언어(lang) 상태를 관리합니다.
===================================================================== */
const { useState } = React;

function App() {
  const [screen, setScreen] = useState('landing');
  const [lang,   setLang]   = useState('ko');

  const goLanding = () => setScreen('landing');
  const enterTarot = () => setScreen('tarot');
  const enterSaju  = () => setScreen('saju');

  if (screen === 'landing')
    return <Landing lang={lang} setLang={setLang} onEnter={side => side === 'tarot' ? enterTarot() : enterSaju()}/>;

  if (screen === 'tarot')
    return <TarotModule lang={lang} onBack={goLanding}/>;

  if (screen === 'saju')
    return <SajuModule lang={lang} onBack={goLanding}/>;

  return null;
}

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