// app.jsx — Root app, mounts React

function App() {
  const [screen, setScreen] = React.useState('login');
  const { role } = window.useTweaks();

  const screens = {
    login:     window.LoginScreen,
    dashboard: window.DashboardScreen,
    members:   window.MembersScreen,
    events:    window.EventsScreen,
    money:     window.MoneyScreen,
    admin:     window.AdminScreen,
  };

  const Screen = screens[screen] || window.DashboardScreen;

  return (
    <>
      <Screen screen={screen} setScreen={setScreen} role={role} />
      <window.TweaksPanel setScreen={setScreen} />
    </>
  );
}

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