/* global React, ReactDOM */
function PalaceApp() {
  const [applying, setApplying] = React.useState(false);

  React.useEffect(() => {
    document.body.style.overflow = applying ? 'hidden' : '';
    return () => { document.body.style.overflow = ''; };
  }, [applying]);

  return (
    <React.Fragment>
      <window.Landing onApply={() => setApplying(true)} />
      {applying ? <window.ApplyFlow onClose={() => setApplying(false)} /> : null}
    </React.Fragment>
  );
}

ReactDOM.createRoot(document.getElementById('palace-root')).render(<PalaceApp />);